133 comments found

Did you make changes to the jquery-ui files? Or perhaps you’re using a trimmed down version?

I added a few jquery-ui Dialog() calls, a confirm delete popup for example, but the dialog box is missing the images. Checking the network connections, it is finding the .png file but for some reason they don’t show up. Where the close “X” should be in just a blank box, and the alert triangle is just an upward carat.

Do I need to integrate a most complete version of jquery-ui?

Thanks

ShaMSofT

No, I did not make any modification to the jQuery-UI! Our jquery-ui is complete version, but it is not a bad idea to try new version too.

Hi. I just downloaded 2.2.1. The fonts don’t render correctly for me in IE11. Version 2.0.0 renders fine. All of the fonts display as Serif font, as opposed to Sans Serif. Any ideas? Thanks.

ShaMSofT

Hi,

Check the online demo of FLATY: http://themes.shamsoft.net/flaty/
Do you see the problem here too?
I have not this issue in my IE11!

Default-user

Sorry for the delayed response. The fonts work fine locally when I change: @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); to @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); in flaty.css. Note the ‘http’ bit. Thanks.

Would it be possible to provide some styling for fieldsets??? Thanks.

ShaMSofT

Unfortunately no, because we don’t have any plan to add new features

Hi,

I sent you an email to support@shamsoft.net regarding the charts.

ShaMSofT

Hi,
Answered.

Hi. Great template. Is there a way to add another menu depth to the sidebar? I currently have:

Menu ......Sub Menu ..........Sub Sub Menu

But would like:

Menu ......Sub Menu ..........Sub Sub Menu ...............Sub Sub Sub Menu

However when I add a third depth it doesn’t render correctly. Many thanks. Sorry – new lines aren’t working in these comments!

ShaMSofT

Hi, thank you

Unfortunately, I have to say no. As you know, there is just three level of menu.

Hi. I’m migrating my ASP.Net website to this template. When the page posts back to the server, it breaks the Sidebar menu (I can no longer expand the menus etc). I know why this is – I usually have to rebind javascript functions manually after postback. Is there a JavaScript function that (re)initialises the sidebar menu? Thanks.

ShaMSofT

Hi,

No, there isn’t any reinitialisation function to call, but you can simply make it. Open flaty.js and go to the line 133, where sidebar codes begins. You can simply define a function to execute all of the codes.

horizontal menu not auto collapsed is possible resolve ?

ShaMSofT
Open flaty.js and go to “Horizontal Menu” part. Find the following line:
submenu.slideToggle(400, function(){
Add following code immediately after the line (inside function):
            if (!$(submenu).is(":hidden")) {
                $(this).prev(".dropdown-backdrop").on('click', function() {
                    submenu.slideToggle(400);
                });
            }
Default-user

Not result effect please see partial code and your code :

//Horizontal menu dropdown
$('#nav-horizontal a.dropdown-toggle').click(function() {
    var submenu = $(this).next('.dropdown-menu');
    var arrow = $(this).children('.arrow');
    if ($('#nav-horizontal.nav-xs').size() > 0) {
        if (arrow.hasClass('fa-angle-right')) {
            arrow.addClass('anim-turn90');
        }
        else {
            arrow.addClass('anim-turn-90');
        }
    }
    if ($('#nav-horizontal.nav-xs').size() == 0) {
        $('#nav-horizontal > li > .dropdown-menu').not(submenu).slideUp(400);
    }
});
submenu.slideToggle(400, function(){
});
if (!$(submenu).is(":hidden")) {
    $(this).prev(".dropdown-backdrop).on('click', function() {
        submenu.slideToggle(400);
    });
}
if ($('#nav-horizontal.nav-xs').size() > 0) {
    if($(this).is(")) {
        arrow.attr('class', 'arrow fa fa-angle-right');
    } else {
        arrow.attr('class', 'arrow fa fa-angle-down');
    }
    arrow.removeClass('anim-turn90').removeClass('anim-turn-90');
}
ShaMSofT
Here is the wrong part, you closed the function without putting any statement inside:
submenu.slideToggle(400, function(){
});
Here is the complete code:
//Horizontal menu dropdown
$('#nav-horizontal a.dropdown-toggle').click(function() {
    var submenu = $(this).next('.dropdown-menu');
    var arrow = $(this).children('.arrow');
    if ($('#nav-horizontal.nav-xs').size() > 0) {
        if (arrow.hasClass('fa-angle-right')) {
            arrow.addClass('anim-turn90');
        }
        else {
            arrow.addClass('anim-turn-90');
        }
    }

    if ($('#nav-horizontal.nav-xs').size() == 0) {
        $('#nav-horizontal > li > .dropdown-menu').not(submenu).slideUp(400);
    }

    submenu.slideToggle(400, function(){
        if (!$(submenu).is(":hidden")) {
            $(this).prev(".dropdown-backdrop").on('click', function() {
                submenu.slideToggle(400);
            });
        }
        if ($('#nav-horizontal.nav-xs').size() > 0) {
            if($(this).is(":hidden")) {
                arrow.attr('class', 'arrow fa fa-angle-right');
            } else {
                arrow.attr('class', 'arrow fa fa-angle-down');
            }
            arrow.removeClass('anim-turn90').removeClass('anim-turn-90');
        }
    });
});

Hi,

We are getting troubles with safari if the theme is using horizontal menu and is in small mode.

The problem happens also in iphone.

Can you send a patch?

ShaMSofT

Hi,

Sorry for delay. Is it just opening menu? add following code to flaty.css:
#nav-horizontal.collapse.in {
    height: auto;
}
Insert it after ”#nav-horizontal” selector.
Default-user

Hi, Thanks for the reply. The problem happen when you have submenus. The submenu appears at the back of the menus.

ShaMSofT

Hi,

Please send an email to me (you can do it from my profile page). I’ll send you the updated files.

imkane2 Purchased

Everywhere we have a label that takes more than one line, the label and the corresponding input field get misaligned vertically.

This can be verified in http://themes.shamsoft.net/flaty/form_component.html

Labels of smaller length are aligned with the vertical middle of their input field but if you scroll down to the field that says “Prepended and appended input”, you will notice it is not aligned like the others.

There are other fields like that further down on that page, all of them having multi-line labels.

The pattern I see is that this happens everywhere a label is long enough to get broken into more than one line. It looks like either the input field gets pushed up a few pixels, or the label gets pushed down

Was hoping it would be an easy fix :)

Default-user
imkane2 Purchased

Ok fair enough, just checking :) I’m obviously not a CSS dev.

ShaMSofT

This solution will stretch label horizontally, if it’s too long. In this case, controls are not aligned equally to the left (you can see demo). I don’t accept this solution as a general solution which should be used by all customers. But if you want, you can simply add the code to your css.

Hello author, My site has one year with your theme. It was the best option. Thank you for support this item. Recently, I have adquited a ssl certificate for my site, and I just want to let you know a note. It is better keep this protocol for the font:

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

instead of

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

SSL certificate will block all content particially not encrypted. So, if it happens, your site wil not render the font propertly (“captain_planet” had a similiar problem but locally). Just keep in mind. Author, thank you so much again.

ShaMSofT

Hello,
I’m so glad to hear it from you. Also, thanks for reporting this issue

Hi, I want buy this theme. But I have one question. Is this Template also supports right to left?

ShaMSofT

Hi. No, it doesn’t support RTL.

I was trying to add a dropdown selector to our application and for that purpose I used the same methods as shown for the horizontal menus: http://shamsoft.net/flaty/ui_horizontal-menu.html

There is an issue, though: we also have a sidebar navigation menu, and I didn’t know we could only have one of them in small screens.

What happens is that the sidebar menu takes precedence and the dropdown selector in the horizontal menu at the top is hidden.

Is there a way for us to show both menus on small screens?

Default-user

Well, I wanted it to have the same look and feel of the user menu, so I went for the horizontal menu, which would give me exactly that.

I’ll have a look at those CSS rules, see what I can come up with.

Thanks!

Default-user

I tried using the user-profile class but that doesn’t work either, because that way the actual user menu disappears.

To put this differently: is there a way for us to maintain the sidebar menu and the user menu, and add another dropdown menu on the top navbar, pulled to the left?

ShaMSofT

I meant that .user-profile is what you need to implement, but not exactly with that class and .hidden-xs wrapper.

Please send me an email from my profile page (http://themeforest.net/user/ShaMSofT), I’ll send you an example html file.

Hello author, do you any plan in update this item with most recent libraries? Thank you in advance

ShaMSofT

Hello,

I didn’t have any plan to update it, because it’s stable right now. But let me see, I’ll update my local repository to new versions and if it was still stable, I’ll release it ;)

Default-user

Cool! Just a way to let us know that you don’t forget us :D

by
by
by
by
by
by