1822 comments found

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
srfulmer Purchased

Just purchased! :D

displayinline

Thanks! ;)

About your previous request, here is how to have legends under the side shortcuts icons:

  • Download this version of 768.css, I added a few special styles
  • In your shortcuts markup, add the class with-legend to the #shortcuts element, and wrap the text of the shortcut in a span with the class shortcut-legend:

[edit] the comments system breaks the markup, here is the correct version: http://pastebin.com/umWUAZQ1

That’s all, now you have legends under the shortcuts icons on desktop layout ;) I tested in all major browsers, including IE7 /8, it seems to work fine, but tell me if you notice any issue and I will fix it.

This will be in the next update, so don’t worry about upgrading.

Cheers!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi,

We are using “menuTooltip” for menu. But the problem is the menu does not disappear unless user clicks anywhere in the page or clicks any item in menu. Is there any way to hide (say using settimeout function) the menu if user is hovering on any other object other than target or menu?

displayinline

Hi!

Sure, you can do something like this:

var timeout = false,
    button = $('#button'); // The menu trigger

// Functions
function menuEnter()
{
    if (timeout)
    {
        clearTimeout(timeout);
        timeout = false;
    }
}
function menuOut()
{
    if (!timeout)
    {
        timeout = setTimeout(function()
        {
            // Remove tooltip
            button.removeTooltip();

        }, 2000);
    }
}

// Tooltip menu
button.menuTooltip($('#menu-content').hide(), {
    onShow: function()
    {
        // Watch
        $(this).add(button).on('mouseenter', menuEnter).on('mouseleave', menuOut);
    },
    onRemove: function()
    {
        // Stop watching
        $(this).add(button).off('mouseenter', menuEnter).off('mouseleave', menuOut);
    }
});

You can adjust the timing by setting the setting argument of setTimeout(), in milliseconds.

Hope this helps! :)

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years

Issue: As displayed in the attached image (attach on of the images), we are populating text fields with value from our database in read only mode. In order to achieve this we are using below HTML .

HTML : <label for=”first_name” class=”label”>Medication Name:</label> <input type=”text” name=”txtMedName” id=”txtMedName” style=”font-weight:bold;color:#000000;” class=”input” value=”{!propPr.Drug_Namec}” disabled=”disabled”></input> INFO : 1. “{!propPr.Drug_Namec}” and “{!propPr.Dosagec}” are server side binding variables. 2. The inline style (style=”font-weight:bold;color:#000000;”) is added to make the text readable

<label for=”txtDosage” class=”label”>Dosage</label> <input type=”text” name=”txtDosage” id=”txtDosage” value=”{!propPr.Dosagec}” style=”font-weight:bold;color:#000000;” class=”input” disabled=”disabled”></input>

We are facing issue with the representation of disabled value on iPhone and Safari browsers, the disabled values are too light and hardly readable. Though its coming right on Android and other browsers.

displayinline

Hi,

The text color for disabled text inputs is the same for all devices, I think the difference is more related to the quality of the devices screens.

If you find this color too light, you can easily change it in form.css at line 234 (look for the .input.disabled selector).

Tell me if you need more details!

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years

I just wanted to give displayinline a HUGE thank you. I’ve ordered a couple of your themes and you guys have hands down THE BEST documentation I’ve seen on ThemeForest! :D

displayinline

Wow, thanks a lot! ;) It sure was a lot of work, but it’s worth it!

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years

Issue: We wish to hide (on mobile and tablet only) the text associated with the Wizard navigation (breadcrumbs, screen attached) “Medication”. I have tried using

<fieldset class=”wizard-fieldset fields-list” id=”step1”> <legend class=”legend”> Medication </legend>

But it is not responding when page is viewed on mobile and tablet. https://dl.dropbox.com/u/14985576/Issue.png

I checked your on line demo, and the words “About you” on step one don’t hide. I also tried it with “hidden-on-mobile”

http://www.display-inline.fr/demo/developr/template/wizard.html
displayinline

Hi,

The steps’ titles are hidden on mobile and tablet-portrait layouts, except the current one: this is on purpose, to indicate to the users what the current step is about. Try navigating the wizard, you will see that this is always the current one that is shown.

If you want to hide also the current step’s title, you can do this in css/styles/form.css – look for selectors with the word wizard (there are 2 parts: the styles for smaller layouts, and those for larger screens in the media query below). Just remove the property width: auto; from the selector .wizard-steps > .active, and you are done.

Tell me if you need more details!

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
  • United States

Hey there – I’m still in love with the template! I saw the update notification and was about to go for it, but was wondering about the Entypo image-font. The Entypo website says it’s about 250 icons now (more if you count the Social icons) – are you going to include all of them also? What would be needed to do so?

displayinline

Hey! :)

I saw this too, just after releasing the last update… I will be including this in the next one, but actually you may upgrade to this new version yourself: existing icons should work seamlessly, you’ll just need to add the new ones in style.css – simply add new names to the list of .icon-* styles.

If you are not too much in a hurry, I will try to add these soon ;)

ListingWareBob

No hurry for me – I’ll leave that sort of thing for the expert! :)

displayinline

Hey again!

I just updated the template to use the last set of icons from Entypo, you can download the modified files here – just overwrite the previous versions. The update also includes the page icons.html, to easily browse all available icons.

Tell me if you notice any issue! ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

How hard is to place a logo graphic at the top of the page where the name Developr is shown?

displayinline

Hi,

The header is just a regular block element, you can place whatever you want in it – text, image or even both. The only limit is the size, but I can give you instructions on how to make it taller (a few CSS changes).

Tell me if you have any other question! ;)

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Panama
saruman Purchased

HI again!.

The SELECT elements don’t work properly with focus and blur. I checked your demo online and still the same like mine. The problem is, that I need that element out of focus when i clicked in other element or in other part of the screen (blur) but always have the blue border around it and if you type in a textarea for example, all the SELECT ’s elements will change about whatever you typing.

With the other elements (input, checkbox, textarea) works fine, only the SELECT ’s elements.

Here an example:

Let me know, thank you.

displayinline

Hi!

This is a know issue, I fixed it in the last update of the template (v 1.4) published a week ago, did you try upgrading? Everything should work fine with the latest version of developr.input.js.

You can also get it here if you don’t want to download the full template package. ;)

Tell me if you still have this issue even after upgrading!

saruman
saruman Purchased

Hi. Sorry, don’t work for me :( I update ALL the files from the 1.4 version. The problem seems to be only on Firefox, I tested on Chrome and works perfect… What should I do? I’m using firefox (16.0.2) for developing.

Let me know, thanks.

displayinline

Well, I just checked my Firefox, and it seems to work fine… Maybe is this caused by a special case in your DOM , but then it is hard to tell what…

Did you make sure to clear the browser’s cache? Also, do you have any error showing in Firebug’s console?

If not, do you have an online version where I can run some tests? This will help me find the solution ;)

saruman
saruman Purchased

Thanks for the quick response!. Yes, I have firebug enable and there’s no error. Also, I cleared the browser’s cache and nothing. I will upload my project online so you can check it. I’ll let you know.

Thanks for the support!

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years
  • Panama
saruman Purchased

Hi, me again! :bashful:

I made some changes to “shorcuts” class on styles.css.

From this:

To this:

This fix the name of the “shorcut” when is too long.

#shortcuts > li > a,
#shortcuts > li > span {
    display: block;
    background-image: url(../img/standard/shortcuts.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 13px;
    padding-top: 65px;
    color: #666666;
    text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}

I changed the height and add the three last lines.

Also, the background position for each link (I guess this depends of the image itself):
.shortcut-dashboard                { background-position: -66px -0px; }
span.shortcut-dashboard                { background-position: 1px -0px; }

Hope this helps for future updates!

Cheers!

displayinline

Hi!

Thanks for the text-overflow suggestion, that’s pretty neat! I will be adding this for sure ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
mwsasser Purchased

How do I add height to the top element where the template name is, make it taller?

Also, I use extensive php and have run into some session clashes apparently. For instance on the full-login file I get a warning from function.session-start. I am not sure where that’s being called? Is it a piece of javascript? What is the line that calls it?

displayinline

Hi!

You just need to increase some values in the stylesheets by the size you want to add to the title bar:

style.css

  • #title-bar : height and line-height
  • #title-bar h2 : line-height

768.css

  • #title-bar ~ #shortcuts : top

992.css

  • #title-bar: height and line-height
  • #title-bar h2 : height and line-height
  • #title-bar ~ #main : margin-top
  • #title-bar ~ #menu, #title-bar ~ #shortcuts : top
  • #title-bar + #open-menu : top

There are also just a couple values to increase by half the increment you used for the above properties:

style.css

  • #open-menu : top
  • #open-shortcuts : top

And you are done! ;)

Default-user
mwsasser Purchased

Awesome, thanks!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello

Is there any autocomplete feature in this system ? If I purchase this product, and you upgrade this system on a new version, can we free upgrade our system with new version or we must buy again ?

Regards…

displayinline

Hello!

Sorry, the template does not include an auto-complete feature, but you may either build one with the various included styles (for instance, by using the selects styling), or use an external plugin. Note that styled selects have an option to enable search on the options list.

And lifetime updates are free for all buyers ;)Follow me on Twitter to be notified of the release of new versions.

Feel free to ask if you have any other question! :)

  • Bought between 500 and 999 items
  • Has been a member for 4-5 years

Question about the ability of “Adding Home Screen Button” for iOS / Smart Devices. How do we replace the GEAR image? Which images do we replace? I had replaced the GEAR image, but it did not seem to work. Also once someone clicks on the HOMESCREEN BUTTON on their iphone a page FLASHES first with the label DEVELOPR on it. How do we replace this or take it away?

displayinline

Hi!

All these images (icon and splash screens) are defined in the head section: look for the favicons sections, you will find the various icons sizes here, and the splash screens are defined in the section Startup image for web apps below.

You can build your own ones using the provided PSD templates:

  • iOS App Icon Kit.psd for icons
  • Splash screens.psd for startup screens

Note that if you change them, some mobile OS may not reflect the changes immediately (because of cached files). To fix this, remove the shortcut and add it again, you will see the new elements.

Tell me if you need more details! ;)

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hi displayline.

Just a question on the modal windows. When I set the minWidth and minHeight property on the modal and add content the modal adjusts it’s sizing accordingly, but when I uses the textboxes(with the textbox replacement span) the modal window does not adjust it’s size accordingly. I think this must be because it takes the actual height of the textbox and not the replacement span, this adds the scoller to the window or cuts of part of the textbox depends on if the textbox is at the top of the modal or bottom.

Can you maybe look into this? Thanks

displayinline

Hi,

Do you have an example page I may check? Or if you could provide the markup in a Pastebin, this would help me test the same layout as yours ;)

Default-user

Hi displayline,

Basically this is all I do(pastebin link): http://pastebin.com/ZNqxtQU2 Using jquery-1.7.2 and DeveloprSkin v1.4. Modal opens on normal button click that executes Test(). Hope this is enough to go on. Tested on latest chrome and firefox as well as IE9 . I can provide you with a link if this does not help.

Thanks again

displayinline

Hi!

Actually, the solution is simple: the block in which your input is located has a smaller line-height than the actual input height, thus it is truncated. To prevent this, just add the class button-height to it:

<p class="inline-label button-height">
</p>

Everything works fine then ;) By theway, you should use this class on any element with an input or a button in it, it gives better results in most cases.

Tell me if you need more details!

Default-user

Thanks again. Should have tried this before asking! Thanks for the tip!

displayinline

Glad I could help! ;)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi, first of all I want to say this work is impressive…excellent, really. Just a couple of things: 1) i’m trying to open modals with android galaxy nexus using chrome browser: they appear but once appeared I can’t close them. Instead, using the android “native” browser, they work perfectly. 2) could you please add a template also for writing a new message? I mean message like those in “inbox.html” Thanks, and again excellent job indeed

displayinline

Hi, and thanks! :)

About the modal issue, I just checked and indeed it seems to only happen in Chrome for Android. Actually, no button seems to work in the open modal… But if you scroll back to the top of the page, everything works fine again, so I think the browser has an issue with the modals wrapper, which uses position:fixed: when the page is scrolled, the original hitbox of the wrapper (on top of document) is still used instead of the actual one.

I couldn’t figure a solution yet, as this is specific to this browser, but I will continue to look for one – I will notice you if I find one. In the meantime let’s just hope Google fixes it ;)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
mwsasser Purchased

I figured out the session problem. Apparently the file had become corrupted and had a hidden character as the first character. So you can skip answering that one. :)

Still curious about the header at the top of the page. Also considering stripping down the login/signup/lostpassword and putting it in center section of the template on specific page loads. Anybody tried doing that yet?

displayinline

Glad to hear you found out! ;)

About the login form, you may use a modal to do this: use the available options to strip most of the chrome, and keep only the semi-transparent blocking div and the modal block. This way, you may load the login form as an external file (in a iframe using useIframe and url options), the users can’t access the background elements, and you can use the modal methods to change the modal or close it at will.

Just my two cents ;)

Default-user
mwsasser Purchased

I can include it but the whole login form is stretched out between the left and right menus. Normally this might not be a problem but it does distort the regular width of the login form in this instance.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hello again,

Is there any chance of having a tag editor like this one:

https://github.com/aehlke/tag-it

I’m terrible at js/css and so my own attempts have not been very successful.

Thanks

displayinline

Hello!

I have currently no plans on adding one, but using this one should be pretty straightforward – and it looks great!

Did you follow the installation instructions? If you have an issue using it, tell me and I will do my best to help ;)

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
jhage Purchased

Newb question: If I want to edit the look & feel in the PSD file, do I need to purchase the various fonts that you’ve used in the design? Other than Entypo, I can’t seem find the necessary font files and can’t properly edit the pages in Photoshop.

displayinline

Hi!

The template PSD files only use Entypo and Helvetica. The latest is bundled with Mac Os, but sometimes with a different name – try finding the equivalent on your computer (use the menu Text / Replace missing fonts).

If you are using Windows, you can safely use Arial as a replacement, the difference is barely noticeable. (Font designers are going to kill me for saying this ;) )

Tell me if you need more details!

Default-user
jhage Purchased

Shame on you – Arial is not an equivalent font – but I’m sure I’ll survive. :)

I also see Aeroportal in the Landing Page template. Aeroportal appears to have been a free font at one point, but as far as I can tell the authors have removed it from the public domain.

displayinline

Well, I did not know about Aeroportal, thanks for notifying me!

Hopefully, you may still use the TTF font included in the font-face folder (css/Aeroportal) for your designs ;)

  • Has been a member for 5-6 years
  • Exclusive Author
  • Bought between 1 and 9 items
Hi is this link for 1.4 version http://www.display-inline.fr/demo/developr/template/

i need to see RTL support because my main language is Arabic and i have problem with form element label when put this code < html dir=”rtl”>

displayinline

Hi!

You can check the RTL version here, I updated the demo site ;)

Tell me if you need more details!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi, about hide-on-* that work on responsive table, can you make on future update to work on any element? Just hide it on selected device. Is required when design differ on different devices. Like shortcuts menu.

Regards, Lucian

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi, How can I translate the Calendar and Agenda into german language? Regards..

displayinline

Hi!

All calendar and agenda texts are defined in the page HTML markup, just translate them there. Or are you speaking of something else?

Tell me if you have any other question :)

by
by
by
by
by
by