ShaMSofT

ShaMSofT supports this item

Supported

134 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

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.

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!

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.

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.

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!

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.

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 ?

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

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');
}
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?

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.

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

Hi,

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

imkane2

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

imkane2

imkane2 Purchased

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

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.

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?

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?

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!

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?

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

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

It’s updated right now ;)

Everything looks fine! Thank you so much!

Hi there,

Out company recently bought a copy of this template.

I have a few questions though:

1. How do you install this? I installed it From the NuGet packages and coppied teh style sheets and the .js file. Do i need to copy over the assets folder too? I have bootstrapmvc installed currently and JQuery. But there is a whole lot of items in the assets folder not installed.

2. What is the update procedure with this? If you made some updates to the templates due to a bug lets say. How do we get that new copy with the bug fix?

I am a bit reluctant to copy the assets files out right and would much rater it being installed via nuget so i can run updates on those packages if I need to.

Can you give me some recommendations on how to install this properly?

Thank You. Shane

Hi,

1. How did you install it using NuGet?!! This item is a HTML admin template and we haven’t put in NuGet!

2. You will be notified by email if we update the template. You can download and replace css, js and assets files in your project.

This template is not installable, you will use it to design the front-end part of an admin area for your project.

Ah ok cool thank you for your reply. We installed TwitterBootstrapMVC.Flaty.MVC4 for support with our Razor views.

by
by
by
by
by
by