1835 comments found

Hi,

I want to remove the search field inthe dataTables. How do I go about this?

rufinus Purchased
@gregdillon: The template uses the jquery dataTables, so all options/methods supported can be used. for the search/filter this is:
"bFilter": false,
see source of http://www.datatables.net/release-datatables/examples/basic_init/filter_only.html

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:)

displayinline

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:

// Table sort - DataTables

If you want to remove the search input, you may simply remove it from the sDom option – replace this line:

'sDom': '<"dataTables_header"lfr>t<"dataTables_footer"ip>',

By this one:

'sDom': '<"dataTables_header"lr>t<"dataTables_footer"ip>',

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! ;)

Default-user

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

mvb_gmbh Purchased

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

displayinline

Sure, the next update will include all the latest versions of the external plugins – including a custom theme for the datepicker :)

Default-user
mvb_gmbh Purchased

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.

displayinline

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 ?

Default-user

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 ! :)

Default-user

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 !

displayinline

Looks good, I think I would have done it the same way ;)

Hello! version in Portuguese PT-br? Thanks.

displayinline

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 :)

Keeg0123 Purchased

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

displayinline

Hey!

You may try this: edit style.css, locate the style .button-group and change the property height: 30px; to min-height: 30px;.

Then just add the class clearfix to your button-group:

<span class="button-group clearfix">
...
</span>

The height will now adapt when there is not enough space.

Hope this helps! ;)

labarts Purchased

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!

displayinline

Thanks a lot, and thanks for purchasing! I spent a LOT of time polishing it, glad to see it was worth it ;)

Default-user
labarts Purchased

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.

mmitev Purchased

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

displayinline

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:

$(selector).change();

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>
displayinline

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!

displayinline

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! ;)

Default-user

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.

displayinline

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.

displayinline

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!

Default-user

Thanks ! Works great ! :)

Default-user

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.

displayinline

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”.

displayinline

Exactly! Glad to hear you found the solution ;)

biijuu Purchased

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)

Default-user
biijuu Purchased

Hmm… I did this. But the results are the same.

displayinline

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.

Default-user
biijuu Purchased

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.

font-family: 'EntypoRegular';
content: '\f010';
Default-user

I forgot to upload setup.js. But this didn’t change anything.

displayinline

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.

Default-user

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.

displayinline

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?

displayinline

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:

<select class="select expandable-list anthracite-gradient glossy" style="width: 100px">
...
</select>

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:

../../img/standard/sprites.png

By:

../../img/members/img/standard/sprites.png

Hope this helps! ;)

Default-user

That fixed my problem! Thank you SOOO much!!

displayinline

You’re welcome ;)

koza95 Purchased

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?

displayinline

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):

<!-- iPhone ICON -->
<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon.png" sizes="57x57">
<!-- iPad ICON -->
<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon-ipad.png" sizes="72x72">
<!-- iPhone (Retina) ICON -->
<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon-retina.png" sizes="114x114">
<!-- iPad (Retina) ICON -->
<link rel="apple-touch-icon" href="img/favicons/apple-touch-icon-ipad-retina.png" sizes="144x144">

<!-- iPhone SPLASHSCREEN (320x460) -->
<link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="(device-width: 320px)">
<!-- iPhone (Retina) SPLASHSCREEN (640x920) -->
<link rel="apple-touch-startup-image" href="img/splash/iphone-retina.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)">
<!-- iPhone 5 SPLASHSCREEN (640×1096) -->
<link rel="apple-touch-startup-image" href="img/splash/iphone5.png" media="(device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
<!-- iPad (portrait) SPLASHSCREEN (748x1024) -->
<link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png" media="(device-width: 768px) and (orientation: portrait)">
<!-- iPad (landscape) SPLASHSCREEN (768x1004) -->
<link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png" media="(device-width: 768px) and (orientation: landscape)">
<!-- iPad (Retina, portrait) SPLASHSCREEN (2048x1496) -->
<link rel="apple-touch-startup-image" href="img/splash/ipad-landscape-retina.png" media="(device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)">
<!-- iPad (Retina, landscape) SPLASHSCREEN (1536x2008) -->
<link rel="apple-touch-startup-image" href="img/splash/ipad-portrait-retina.png" media="(device-width: 768px)  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)">

You can get the updated icons and splash screen sets, along with the PSD templates here.

Tell me if you need more details! ;)

Default-user
koza95 Purchased

Thanks man :) You are the best

by
by
by
by
by
by