2,722,985
Total Marketplace Items3,553,426
COPYRIGHT © 2013 ENVATO| TERMS OF USAGE| SUPPORT/HELP| ICONS BY TANGO + WEFUNCTION + FAMFAMFAM
Adobe®, Flash®, Flex®, Fireworks®, Photoshop®, Illustrator®, InDesign® and After Effects® are registered trademarks of Adobe Systems Incorporated.
Hi,
I want to remove the search field inthe dataTables. How do I go about this?
best Rufinus
I have changed all instances of the bfilter: from bfilter:!1 to bfilter:!0 in the libs folder but its still active. Any ideas. Im not a strong programmer so please be nice:)
Hi,
You shouldn’t change anything in the plugins source-code, instead use the initialization script at the end of your page’s code. If you used the example page tables.html as a start, this is the section under this comment:
If you want to remove the search input, you may simply remove it from the sDom option – replace this line:
By this one:
I just removed the f, which creates the search field. You can learn more on the plugin’s doc (look for the sDom section).
Tell me if you need more details!
brilliant. Thats fixed my request. The reason i had to disable it was because it was taking to long to filter using a MAC.
Many thanks
Hi! We just found a bug regarding the dropdowns, which only happens in firefox. If you select a value in a dropdown and afterwards enter a different input the dropdown does not loose it’s focus. So if you enter a textbox afterwards and type in some characters the text gets inserted to the textbox, but also changes the value of the dropdown. Do you have any idea how to fix this? Thanks Uli
Hi!
This is a known issue, it happens because Firefox does not correctly trigger the blur event when the focus leaves the select. I am currently rewriting the styling plugin to fix this, I will notify you when it is ready
Hi again!
I just finished my rewrite of the input styling plugin, you can download it here.
I tested it on many browsers and platforms, but if you notice any issue please report it to me
Hi! Thanks for that fast response. I just downloaded and tested the update but unfortunatelly found 2 issues.
The Dropdown now correctely looses its focus if you afterwards select a textbox, checkbox or click somewhere else on the screen. But, it does not loose its focus if the next element that is focused is a datebox. Furthermore the open close button does not work anymore on the drop downs. Thanks for your help. Uli
Hi!
I just updated the download link with a version including a fix for the open button issue, it should work as expected now.
About the datebox issue, I could not replicate it, but I am using the latest update of glDatePicker in my test files, so this may be related. If you wish to update this plugin (it has been completely rewritten and includes more features), just note that the current stylesheet for the calendar doesn’t work with the new version, you’ll need to use one of the 3 (great) bundled styles.
Of course, I’ll provide an updated stylesheet for this plugin in the next update
Tell me if you still have issues!
Hi! Thanks for the update again. I just checked out the new glDatePicker libs and you are right. This behaviour is fixed with them.
Are you going to update the hole theme using the new libs? Cause as the styling is not very nice the bundled styles I’ll keep the old version right now.
Greats, Uli
Sure, the next update will include all the latest versions of the external plugins – including a custom theme for the datepicker
Hi! We just recognized another issue with the update. If you have a great amount of options in the drop downs, lets say 2000, the site freezes when loading the dropdown and it takes forever to get loaded. The old version doesn’t have a problem handling that amount of options.
Hi!
Actually, the new version uses a new algorithm to refresh the options list, but it works the same as the previous version for the first run, so there shouldn’t be such a difference in loading time.
2000+ is sure a lot of options, and because the plugin has to perform DOM operations for each one of them it will necessarily take some time… I have a few solutions in mind (including a building queuing mechanism), but it will take me some time to implement it.
In the meantime, you may just use the browser’s dropdown UI by setting the option styledList to false:
<select class="select" data-select-options='{"styledList":false}'>The opening will be much faster then
Hi displayinline,
Look at this code, from an accordion element:
<dl> <dt>The title</dt> <dd> <div> Some content </div> </dd> </dl>I get an error message from Webmatrix 2 saying that div (or p) cannot be nested inside dd. Note that this doesn’t prevent the code inside div from displaying as expected.
What’s your opinion ? Is it possible to replace dl, dt, dd with regular html tags in the accordion ?
Hi,
Webmatrix is a bit too restrictive, because dd may contain any type of flow element. So I guess you can ignore the warning.
If you still want to get rid of the DL syntax, do as follow: edit style.css and colors.css, and replace every occurrence of
.accordion > dtby.accordion-title. Also use this custom version of the plugin.Now you can use this syntax:
<div class="accordion same-height"> <div class="accordion-title">Title</div> <div> ... </div> </div>Hope this helps!
I’m not going to edit anything. I just wanted to know your opinion about this warning, because I was a bit afraid that this might cause a problem with any device’s browser. Thank you anyway !
Sorry, I forgot something. I added the following code (the else) to developr.accordions.js in order to be able to close any opened section by clicking its title (dt tag) :
// Check if closed if (dt.hasClass('closed')) { // Close previous dl.children('dt').not('.closed').each(function(i) { $(this).addClass('closed').next('dd').stop(true).slideUp("fast"); }); // Open dt.removeClass('closed'); dt.next('dd').stop(true).slideDown("fast"); } else {dt.addClass('closed').next('dd').stop(true).slideUp("fast");} });If I did something wrong please let me know !
Looks good, I think I would have done it the same way
Hello! version in Portuguese PT-br? Thanks.
Hello!
This template is just a skin for developers, it does not handle locales. However, all plugins provide connectors to change the texts, meaning you can dynamically load various locales.
Tell me if you have any other question
Hey.
What would you suggest doing about the group-buttons running into other items when the view is too small?
Thanks. Keegan
http://ministrypro.com/Screen%20Shot%202013-02-08%20at%204.44.53%20PM.png
Hey!
You may try this: edit style.css, locate the style .button-group and change the property
height: 30px;tomin-height: 30px;.Then just add the class clearfix to your button-group:
The height will now adapt when there is not enough space.
Hope this helps!
DisplayInline: This is a simply stunning achievement. I cannot imagine how many hours went into this. I’m just blown away. The quality and care in the code is evident, the visual polish is outstanding, and the beautifully integrated jQuery plugins pull it all together.
Potential buyers: Developr is worth every cent. Actually, it’s worth much, much more. Don’t wait—buy it now and show us what awesome apps you’ll build with it!
Thanks a lot, and thanks for purchasing! I spent a LOT of time polishing it, glad to see it was worth it
I’m digging into the theme more now, using it for a new app. It’s just incredible how clean everything is. Your code is really solid. Even ARIA roles, attention to documentation, and the flexibility that you put into everything.
Hi,
Great theme, that’s why I have purchased it
We are trying to develop an app with your theme but have some issues with Knockout and data binding. For example selects do not load the preset values. Also in Firefox the selects are invisible – only the arrow can be seen. Obviously some of the scripting is causing the problems.
Can you please advise on solutions otherwise all this nice work from you and hard work from us may be in vain. I am ready to discuss in private as well.
Thanks in advance Mitko
Hi!
If you inject dynamically values into the styled selects, you just need to trigger one or two events to tell the styling plugin that it needs to refresh:
If the selection changed, just trigger a change event:
If the options list changed, you also need to tell the plugin to refresh the drop-down list:
$(selector).trigger('update-select-list').change();I don’t know much about Knockout, but there is probably some callback in which you can trigger the events. You’ll find all details about the select styling plugin in the documentation, in Features reference / Forms / Selects.
About the issue in Firefox, it is the first time I hear of something like this – everything seems to work fine here. Do you also have this issue when viewing the doc? If you have an online demo I may check, I’ll run some tests to try to find the issue
Hi,
This is a really great template. But unfortunately I am fighting with some of the formatting. Ho come this does not work properly when I resize it. The second rectangle should not be going in the next line. I use Safari 6.0.2 on MAC.
Thanks
<div class="new-row four-columns six-columns-tablet six-columns-tablet-landscape twelve-columns-mobile-landscape twelve-columns-mobile-portrait"> <div class="with-mid-padding blue-bg" style="height: 150px"> FOUR</div> </div> <div class="eight-columns six-columns-tablet six-columns-tablet-landscape twelve-columns-mobile-landscape twelve-columns-mobile-portrait"> <div class="with-mid-padding red-bg" style="height: 150px"> EIGHT</div> </div>Hi, and thanks!
About your issue, I investigated and found this is bound to the order in which the column sizes are declared and used – some layouts orders are not correctly handled.
To fix this, just download and overwrite the old version of these two stylesheets: 768.css and 480.css.
Your columns should look fine now
tell me if you still have any issue!
Hello, first of all, GREAT template. I’m a happy customer!
My question: I want to update to the latest version of Entypo so i can use one of the newer icons (the globe). What do i need to do to enable that? I thought it might be as easy as just copying over the entypo files and updating the .css file with the new globe but that doesn’t seem to work. When i do that and browse the icons page they all render as their letter equivalent (for example, the phone renders as !).
Thanks for your help!
Hello, and thanks!
The latest version of Entypo is somewhat complicated to integrate into the template, because they completely remaped the characters (hence the letters instead of symbols), and the current version has issues with some webkit-based browsers.
So I created a custom version of it, and modified the template styles to match the new characters: download this archive, extract it and overwrite the old files with the ones it contains, and open icons.html to see all the new available icons.
Enjoy!
WOW – totally worked. Thanks! By the way, i bought your constellation template as well. Your customer service is second to NONE. Thanks for all your hard work.
Thanks! Glad I could help
Hi displayinline,
Is there a way to force an accordion to refresh its content ? It happens sometimes that the Back container is smaller than one of the sections’ content.
Hi,
Sorry, but I am not sure to understand, can you give me more details? If you can show me an sample of your code, I’d be able to run some tests and provide a solution
Here is an example :
http://aedifex.fr/developr_doc/assets/accordion_issue.png
When I resize the browser’s window the Back (Retour) container extends itself and show the full section content, but in this case only. (Bad English, I can explain in French if you like
)
No problem, I understand
This may happen if additional content is inserted in the tab after it has been equalized.
You may simply force a refresh of the whole tabs group to force another content size detection:
$('#my-accordion').refreshTabs();Note: you can call refreshTabs() anywhere within the tabs wrapper, the plugin will find its way to the main element by itself
Hope this helps!
Thanks ! Works great !
I forgot to upload setup.js. But this didn’t change anything.
(Sorry, not the right place…)
The Problem of “mvb_gmbh” is not only in firefox, but also in Opera Browsers. If you select a value in a dropdown and afterwards enter a different input the dropdown does not loose it’s focus. When could you write new plugin ? That makes us really very very problem.
Hi!
I just finished my rewrite of the input styling plugin, you can download it here.
I tested it on many browsers and platforms, but if you notice any issue please report it to me
Hi, i have a problem with responsive dataTables and hide columns. if i define in dataTables one or more columns invisible (example: “{ ‘bVisible’: false, ‘aTargets’: [ 5 ] }”), responsive not working. I can’t fix it :/ So, if you have any suggestions, this would be nice
greets Simon
After search inside your support forum. i found the solution by setting “bAutoWidth: false”.
Exactly! Glad to hear you found the solution
Hi,
http://www.display-inline.fr/demo/developr/template/In this demo page, the menu on the left doesn’t adjust with the window height. If you reduce the height of the window, it’s not possible to navigate to the menu items in the invisible area.
1. Is it possible to make this menu appear on the top as a button when there is not enough height?
2. Is it possible to force this menu to appear on the top as a button, which expands only when clicked.(It works so when there is not enough width to display the menu)
Hi!
1. This is not possible currently. You may simply enable scrolling on the shortcuts by adding this small script:
$(document).on('init-queries change-query', function() { if ($.template.mediaQuery.isSmallerThan('tablet-portrait')) { $('#shortcuts').removeCustomScroll(); } else { $('#shortcuts').customScroll(); } });It will take care of adding the scrollbar only when required (ie when the shortcuts are docked to the left side). Of course, scrolling works fine also on touch devices.
2. If you want to drop the left-side shortcuts and always use the drop-down (as in the mobile layout), do as follow:
#open-shortcuts { top: 2px; }Now you should have the drop-down style for the shortcuts, even in desktop mode.
Hope this helps!
Thank you for the support!
1. Apologies on my ignorance. Where do I write this piece of code. In setup.js? If yes, in which part of the file?
2. Works. Thanks.
Glad I could help
About the first solution, you don’t need it if you used the second one, so don’t bother adding the code.
If you’d rather use the first solution alone, add this code either at the bottom of your page, in a
<script>tag, or in setup.js, just above the last line of the file.Tell me if you need more details!
1. Enabled scrolling on the left menu with the script above. It works; but not always.
When the scroll works on the left menu, if you click a menu item, then the scroll stops working. If you maximize the browser window and then resize again, the scroll starts working.
Tested with Firefox and Chrome.
Hi,
Well, hard to tell why this happens without seeing the actual code… Can you point me to an online test page where I could see the issue? I should be able to help then
2. All the pages work out of the same HTML template. But even then, the blue gradient table header doesn’t appear in some pages. For eg. the third item on the left menu.
3. Is there a way to set class=”input full-width” for pseudo inputs?
Thanks, Biju
Hi!
About the missing table header, you have some javascript errors in your page which may prevent the table sorting plugin from working: for instance, the file jquery.validationEngine-en.js is loaded twice, once in the head section, the other at the end of the file. You should only keep the later, and remove the first one.
About full-width pseudo input, you just need to set the class on both wrapper and input:
<span class="input full-width"> <input class="input-unstyled full-width"> </span>Note that this won’t work if you have any other element inside your pseudo-input than the input: in this case, you need to float the other element in a padding created specifically for it:
<span class="input" style="padding-left:52px;"> <input class="input-unstyled input-sep" style="width: 30px; float: left; margin-left: -52px; margin-right: 0;"> <input class="input-unstyled full-width"> </span>Hope this helps!
Hi,
Do you see the problem with the scroll on the left menu?
The scroll doesn’t work all the time. If you select an item from the left menu, the scroll stops working.
Here is the link to the demo: http://ess.lenvica.in/
Thanks, Biju
Hi,
You just need to place the code to initialize the scroll plugin above the $.template.init() call:
$(document).on('init-queries change-query', function() { ... }); $.template.init();Otherwise the scroll is not added on page load, but only on resize.
Hope this helps!
Hmm… I did this. But the results are the same.
Strange, it works fine for me here… Did you update your online demo? It seems like the init code it still below
$.template.init()in the source code.I also noticed you have multiple calls to
$.template.init(): you only need to keep the first one, the others are ignored.Aaah. Sorry. My mistake.
Removed the extra call to the template.init, and it works now!
Many thanks, Biju
Hi displayinline,
It seems (I might be mistaken) that the bullet-list class doesn’t work after updating Entypo.
Hi!
I noticed this some time ago, and fixed the available update: just download the latest version, and it should work fine
I just uploaded the Entypo files and copy/past the icons list from the provided style.css file, but the bullet-list icon still doesn’t show up.
It’s not this important, I can use the default icon. Thanks anyway !
I forgot to upload setup.js. But this didn’t change anything.
Mmh… This is weird, because it works fine for me. The CSS properties you mention earlier are correct, so I don’t know why it doesn’t display correctly. Do you have an URL I may check?
About setup.js, updating is only required for older browsers (with no support for :before and :after), modern browsers should work fine with the CSS only.
I’ll give you the URL in a while…
In the meantime I keep using the default icon. Don’t worry about that, as I said before it doesn’t make any difference.
Me again! This isn’t a big deal, but I noticed that in some of your Agenda displays, you have ‘12 A’ displayed for the midday time slot. Noon is actually 12 P. Just trying to help! Thanks.
Whoops, I will that right now! Thanks for notifying me, I don’t use the AM/PM system so I am a bit lost sometimes
I am experiencing problems with the drop-downs from the template. I’m not sure if I am missing a javascript reference or something.. I downloaded the updated css and js files, and that changed the way it is working, but didn’t fix my issue. First I lost the up and down arrows when I updated the files. The main issue I’m having is when I select an option from the drop down, The menu stays doesn’t collapse and the option I select isn’t chosen. Do you have any suggestions on what I may be missing?
Hi,
Can you tell me which version you use? You can tell by opening the documentation, the version number is stated in the sidebar right under the template name.
About the issue, do you have errors showing in the browser’s console? Did you make any change to the template plugins’ code?
Also, if you have an online test page I may check, this would allow me to run some tests to find what’s not working and provide a solution
I’m using version 1.3. I am getting this error in the browser’s console: GET http://southernmotion.ccssites.com/img/standard/sprites.png 404 (Not Found). I don’t believe we have made any changes to the plugins’ code. I just placed a drop-down on http://southernmotion.ccssites.com/testresponsiveie8 so you can see what I mean. I really appreciate your quick responses! Thanks again for the awesome template!
It seems that the styled select does not work as expected because you set the complete styled markup yourself: some internal data is not defined, so the plugin fails to handle the styled element correctly.
You do not need to add the full markup yourself, just add your standard select with the class select (and any other option or styling classes), and let the plugin do the job:
About the missing image, it seems that you use a different path than the one in the stylesheet: simply edit form.css and replace all occurrences of:
By:
Hope this helps!
That fixed my problem! Thank you SOOO much!!
You’re welcome
Could You in next update add meta iOS web app tags for splash image and icons for iPhone 5, iPad Mini and iPads with retina?
Hi!
No need to wait for the next update
Here is the required markup to provide both resolutions for the splash screens (including iPhone 5 size):
You can get the updated icons and splash screen sets, along with the PSD templates here.
Tell me if you need more details!
Thanks man
You are the best