1825 comments found

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

for the ajax calls for the login page is there something special our application / ajax call has to return? what is “data.logged”? can you provide a sample response that our server side app can return to show success as well as indicate error?

displayinline

Hi!

It is up to you to choose what to return from the server, this script is just an example. I usually use the json_encode() function of PHP to return an object, which allows for greater flexibility and can hold as many vars as needed – you can see an example implementation I gave another buyer a while ago here.

Hope this helps! ;)

Default-user

always does . . . thanks . . . again, no need to put in the URL in the actual form’s “action” as backup if js is not active?

Default-user

Hey there . . . ignore my follow up question as I was too quick on the feedback . . . your link reference below answered it . . .

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

Hi, great template! How can I change width of <input> form fields to some custom width? :)

displayinline

Hi!

You may either use the size attribute of the inputs, which defines the width of the input in em, of use an inline style:

<input style="width: 150px" ... >

You can also define your own classes with different widths and reuse them across pages.

Hope this helps! ;)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

Hey displayinline…Have you had a chance to look at the files I sent you regarding my login problem?

displayinline

Not yet, sorry… I’ll reply to you when I have! ;)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

I look forward to hearing from you. Your the best!

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

Still no joy…I sent you another email.

displayinline

I just replied to your mail ;)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

I just really wanted to thank you for all your help.

For anyone looking to buy a template, not only is this template well written, the designer is incredibly professional and uncommonly helpful to a total stranger. I have worked with many developers and displayinline, by far, is at the top of the list!

displayinline

Thanks ;) Glad I could help!

  • Has been a member for 1-2 years

I like this template. But I like what you did on the Constellation especially the “User planning with timelines, milestones, breaks, unavailable periods, current time…” and the chart style. Do you plan to update the developer theme to include those features? if not now, do you plan to in the future. And does the upgrade include in the purchase price?

Thank you

displayinline

Hi!

I have no plans yet to add these Constellation styles to Developr, because most of them would be to difficult to work with on a responsive webdesign. Though if you don’t need the responsiveness in Developr, you may simply paste these styles in it, they should work fine with just one or two tweaks ;)

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
nazeem Purchased

Wow.. its so nice u have another theme that is also first class. I use ur other template constellation and just release 1st version of the project. this theme is even more tempting and thinking is it easy to migrate from that to this :)

thank u.. u make our code more beautiful. because 10000 lines of code at backend does not give u the wow effect :) without the finishing..

displayinline

Thanks a lot! Really glad to hear you like my work, it is nice to hear such feedback ;)

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

Hi. The template is fantastic and I’m using it successfully for two different projects. I do however primarily need to support IE8 , which is fine as the fallback support is excellent, but i was wondering if you could help he with some minor enhancements to do with the tabs.

Tabs render correctly, but in IE8 they are first displayed collapsed and then through the magic of the respond.js (I presume), it resizes and it reformats itself to full screen mode with the tabs along the top. What I was wondering is whether it’s possible to hide the tabs and wait until the correct stylesheets have been loaded before showing them.

Also a minor bug I’ve found is that when I resize the window, so that the tabs switch between the mobile and full screen view, the arrows which display on the collapsed tab headers remain on the tabs in full screen mode and are only removed if you hover over the tab. If you have any suggestions as to how to resolve this I would be eternally grateful.

Many Thanks

displayinline

Hi!

The template includes a modified version of Respond.js, which sends a custom event when all responsive stylesheets have been loaded, so you may listen to it to display your tabs:

var tabs = $('.standard-tabs').hide();
$(document).on('respond-ready', function()
{
    tabs.show();
});

On your second question, this is a quite common issue with IE8 , which does not redraw correctly some parts of the layout. There are many solutions to do this, here is one of them:

if ($.template.ie8)
{
    var tabs = $('.standard-tabs');
    $(document).on('change-query', function()
    {
        tabs.addClass('relative');
        setTimeout(function()
        {
            tabs.removeClass('relative');
        }, 40);
    });
}

Don’t know if this will work in this particular case – if not, keep the change-query callback but replace the solution to force redraw.

Hope this helps! ;)

Default-user

Many thanks!!

Your first answer was spot on and did exactly what I wanted, so thank you for that.

For the second problem I actually found that redrawing the elements using script didn’t reliably remove the offending arrows. However, I now have a solution to the problem, which was in the end very odd, but works….I added “content: ””;” to the ”.standard-tabs > .tabs > li > a:after” class after reading this….http://stackoverflow.com/questions/8703799/forcing-ie8-to-rerender-repaint-before-after-pseudo-elements and that did the job :)

Thanks again for a great template and your ongoing support.

displayinline

Glad I could help :) And thanks for the solution!

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

Question about the stylized switch/checkbox…

By adding the “switch” class to a checkbox element, your template adds a span to provide the stylized switch to the DOM with the original checkbox element nested inside the span.

However when the span is clicked, only the span’s class is updated. The checkbox element is not updated. Do I need to wire up the span to checkbox with javascript/jQuery?

Thanks for your help and I really enjoy your work.

displayinline

Hi!

Actually, the hidden checkbox is also updated, but this may not be visible in your browser’s elements inspector, because the plugin only affects the internal checked property (which is the value sent when submitting the form), not the attribute.

To check this, run this in your console:

$('#checkbox').prop('checked');

The returned value will change depending on the state of the switch.

Note that if you use jQuery to ready the checkbox’s value, make sure to use prop() instead of attr() – you will find detailed explanation on which method to choose on the method’s documentation.

Tell me if you need more details! ;)

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

Just a quick small problem thats driving me nuts. On the data-scroll-options how do we update the showOnHover properties? Ive tried it every way I can think of but when its merged it never updates the property. I would imagine it should be something like:

data-scroll-options=”showOnHover: false”

Thanks for the help, love the template!

displayinline

Hi!

You just need to pass a valid JSON value to the data attribute:

data-scroll-options='{"showOnHover":false}'

And it will work fine ;)

Tell me if you need more details!

  • Bought between 10 and 49 items
  • Has been a member for 6-7 years
neoreef Purchased

In future versions if would be great if there was a version number in the header of the js/css files. I have seen you post files here in the comments, but it’s hard to say if it is a newer file than the one we have. FOr example, if we are runing 1.3, is the file new to 1.2, but included in 1.3, or is it a new version that has not been released.

displayinline

Hi!

This is a nice idea, but is has its drawbacks: users with multiple pages and no dynamic includes will have to open and edit all these pages when updating…

Note that I always use the same link when I publish an updated file in the comments, so no matter which link you pick, you will always get the latest version ;)

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 3-4 years
caston Purchased

Can i check and unchesk switches by js?

displayinline

Hi,

Sure, you just need to trigger a change event on the underlying checkbox/radio to notify the styling plugin that it needs to update:

$('#checkbox').prop('checked', true).change();

Hope this helps! ;)

Default-user
caston Purchased

Thanks;)

It Work’s.

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

Broken layout of “Stacked inputs” and “Pseudo-inputs” when using “full-width” class. The full width input is on a line and the icons on another line, because the input width does not consider the width of the other components. Could you help me?

Example: <input type=”text” name=”username” id=”username” value=”” class=”input-unstyled full-width” maxlength=”32”> Inform a cool username

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

Broken layout of “Stacked inputs” and “Pseudo-inputs” when using “full-width” class.

I was unfortunate to put the html source code as an example. Here’s a link to exemplify: http://ewertonrp.com/example/

displayinline

Hi,

This is a generic HTML layout issue: there is unfortunately no display mode for an element which will use all available space – it will use either its own size (for inline or inline-block) or the full width (for block).

To solve this you may add a padding on the parent element, and make the icon/info float into that space, and the full-width element will have all remaining space:

<span class="input full-width" style="padding-left: 30px;">
    <span class="info-spot" style="float: left; margin: 7px 0 0 -21px;">
        <span class="icon-info-round" />
        <span class="info-bubble">
            I would like to stay next to the input component. I hate to be downgraded...
        </span>
    </span><input type="text" name="username" id="username" value="" placeholder="i want the icon in front of me" class="input-unstyled full-width" maxlength="32">
</span>

Hope this helps! ;)

  • Bought between 10 and 49 items
  • Brazil
  • Has been a member for 2-3 years

Hello, I have just bought it. The layout is gorgeous and the responsiveness is awesome. Also, it is extremely well documented, including an entire manual! :D

I started integrating my website’s code to your control panel, I think in some days it’ll be ready :)

It is possible to realize how much effort you have put on this template, it is beautifully finished and fluid. Congratulations

displayinline

Thanks a lot! I put a lot of time and work in this template, glad to hear such great feedback! :)

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

Hi, first off, thanks for an awesome template! It has really made a huge difference in my current project.

Second, I am having an issue with styled select elements and AngularJS. If I don’t apply the “select” class, it works fine and my select is databound properly to my model. However, once styled, the select shows “nothing” selected, and I can’t even force a selection (for example, $(“select”).val($(“select option:first”).val());). I have to manually select something by clicking before a value will show up.

I’m assuming it must have something to do with the order in which things are occurring (when angular is doing its databinding vs when the template is inserting the extra markup for the select), but I haven’t been able to figure it out.

Any ideas?

displayinline

Hi! :)

Actually, the form styling plugin has no way to detect when the underlying input or select has been modified, so you need to trigger a change event whenever something changed or when AngularJS affects the DOM :

$('#select').change();

Note that if the options list of a select has been modified too, you have to trigger a specific event to force a refresh:

$('#select').trigger('update-select-list').change();

I don’t know AngularJS, but I guess there is a way to set some custom callbacks to trigger these events.

Tell me if you need more details! ;)

Default-user

That worked like a charm, thanks!

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

Hi! Just purchased this and looking around and learning it. =) I noticed the packaged one I downloaded seems to be a little different than the one that’s posted up as the demo.

The demo version one seems to run just fine in ie8, when I run it here, but the packaged one I got has some issues, the menu takes up the whole screen when in use, the side menus are one little square on top and are drop downs when clicked on the little square instead of being side menus etc…

The demo one has a switch in it to change the menu side right and left, while the one I got in the packaged version doesn’t have that, but instead has a switch to automatically refresh instead etc…

Do I have the same one? Is one older or different than the other? I have a pre-requisite that this work under ie8 as well as the new browsers.

I’m sure it’s just something different and i need the right one or some such.

Thanks again for any help and the fine work.

Best,

-C

displayinline

Hi!

You have the exact same version as the demo, don’t worry :) You are just seeing the mobile layout in your browser. If you opened the files locally (the url starts with file://), this is probably related to the security settings of your IE8 : make sure to place the files on your local webserver, everything should work fine then.

Here is the explanation: for this version of IE (which doesn’t support media queries), the template dynamically loads a javascript polyfill (Respond.js), and IE8 probably blocks this file if loaded through the local files system (ie not via HTTP ). So just make sure to work on any webserver ;)

And about the switch to change menu side, this is a little thing I put up for the demo only – you can easily replicate it: the only thing this switch does is to add/remove the class reversed to the body element. You will find details on this in the documentation, in Template basics / How the template works / Basic markup explained.

Tell me if you have any other question! ;)

Default-user
ccatlin Purchased

Sup displayinline! =) Hey first off it’s very nice to meet you! Thanks for the cool explanation. I figured it was something here. =) Not something with your cool skin. And as everyone here says, you really have done a lot of really cool work here. =)

I’ll give it a roll thanks! And check out the ie8 permissions thing. Much appreciated for the tip. Have it installed on the localhost for testing, but I do notice a couple of other web sites coming over as mobile sites in ie8 as well. This at least gives me a good explanation to pass along. =) Hopefully ie8 will die a quicker ie6 death. =)

Understood. Will do. Thanks again for a great template! Keep up the good work. Just thought I’d shoot off a quick note, just in case, before diving too far in. =)

Hey graphically/visual functionality, do you do any contract work? We may have need to update some of our sites/software to a more flexible up to date format. pm me if you like.

Cheers, -C

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

Hey displayinline, just wondering if there is a way for the openIframe() function to re-size in relation to the screen size on the vertical axis. Right now the horizontal axis works great but the vertical axis remains the same. It would just be nice if the iFrame was responsive too. Not that big of a deal, but it would be a nice feature.

displayinline

Hey!

Actually, the plugin already handles the vertical axis (check how the window shrink if the viewport is too small), but iFrames have a specific behavior: they won’t resize vertically by themselves, whatever their content size is (on the horizontal axis, the template uses width:100%).

So while the plugin makes the iframe shrink to fit in the available space, it does not try force it to expand when the viewport gets larger – but there is maybe a workaround for this. I will check if I can improve this, I will tell you when it is ready ;)

Thanks for the suggestion!

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
itmc Purchased

I see what you mean. It has always been a gripe of mine that with iframes it is almost impossible to have a frame be dynamic with the content it hold as well as the container that hold it. You are the master at this sort of thing and it would be so cool if you had a solution to this old school problem.

by
by
by
by
by
by