Thank you for reply but it still doesn’t work. My code looks like this:

<div class="table-responsive">                                                                
  <table class="table table-advance">
...
  </table>
</div>

Still rows go out of the box (right side the page) when I change the focus. It happens one or two steps before nav-bar becomes hidden. When nav-bar becomes hidden the rows displayed correctly again. It hapens only if I have more column than in your example. I have 4 more columns with 16 chars each. Rows are the same.

In bootstrap.css, .table-responsive defined for @media (max-width: 768px). So if you have big tables, you should define something like this:

.table-big {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
}

Use this class in place of .table-responsive.
Next version will release in few days later, I’ll add this class to flaty.css

It works. Thanks.

Let me check, maybe I’ll add horizontal menus in next release

thanks for Horizontal Menu Page ,

You are welcome

If you created a html file, email me to check it. Use contact form in my profile page.

It took a bit of research but there is a known “issue” where if the chosen select is not shown when the screen is first rendered, it will have an effective width of 0px. To get around this, you need to force a width on the field. I did it by putting it in the default options for chosen, but it can also be hard coded as a style on the field itself.

Posted here so everyone can see the work around.

Thank you

Yeah, safari browser has not any css-hack, so we cann’t change padding and margin without effect on other browsers, Change in the width is the best solution.

Thanks, also when the site is responsive and you select the navigation toggle, if you then select the user/profile link the box will drop down behind it. Is there a way to make it appear in front or to close the navigation first? Thanks

Open flaty-responsive.css, find #sidebar and change z-index property to 989

1) But we have both of horizontal and vertical lines in our demo! look at form_layout.html, “Bordered Form” box. Check your code, maybe you did something wrong.
2) You should wrap static text in .form-control-static class:

<div class="form-group">
    <label class="col-xs-3 col-lg-2 control-label">Label</label>
    <div class="col-sm-9 col-lg-10 controls">
        <p class="form-control-static">Something...</p>
    </div>
</div>

Yes, it was a bug in my code. Was missing the “controls” class in the div. Thanks

Thanks, sorry for all the questions

Is there a built in function that allows me to auto populate the confirm page on the wizard or do I just have to build it myself?

No, there isn’t any auto populate for confirm page

No, there is not any plan to add horizontal menu

Hi,
Yeah I forgot to remove it, Thanks

Good suggestion, I’ll do this
Thanks

You mean collapsed box or totally hidden box ?
For collapsed box, look at last box in box.html
Hidden box can be achieve by adding .hide class to your box

I mean collapsed. I’ve found it already. Thank you for answere.

Open flaty.js, find ”//Submenu dropdown” and edit it to become like this:

//Submenu dropdown
$('#sidebar a.dropdown-toggle').click(function() {
    ...
    submenu.slideToggle(400, function(){
        ...
        arrow.removeClass('anim-turn90').removeClass('anim-turn-90');
        $('html').height(($('#sidebar').height() + 40) + 'px'); //--> Added code line
    });
    $("html").getNiceScroll().resize(); //--> Added code line
});

This will fix bug 1, 2 and maybe 3.
Actually, bug 3 did not produce in my tests! This is very helpful if you could give me a user & pass in your online app.
Thanks for video

Hi, how can I send you a private message with login and pass?

By contact form in my profile: http://themeforest.net/user/ShaMSofT

Thats great thank you. I have done all you said and works ok but, why does the sidebars background then stay when i scroll across to the right? Within the body I have a #wrapper div and then my css is

@media (max-width: 683px) {
    #wrapper{
        min-width: 683px!important;
    }
}

Sorry but sidebar has a absolute position with a fixed :before element. This is because of that sidebar’s background color should expand to whole page’s height.
If you want to resolve this problem, maybe you should remove ”#sidebar:before” selector from flaty.css, but your sidebar background…
I think you need to lots of change in css file and even maybe in html file to reach your aim! We didn’t had any plan to have something like this.

Ahh no worries, thanks for your help. Cheers

Sorry, my bad ! You should change .visible-sm to .visible-xs in #user_menu to fix this bug.
Thanks

Answered my own question. The main nav buttons are “hidden-xs”, but the short form version is “visible-sm”. So there is a size where both are visible (sm), and at (xs) they both vanish. I changed the “visible-sm” to “visible-xs” and all works fine. A fix for next release?

Yeah, I’ll fix this problem in next release

Yeah, this is mega update because of bootstrap 3 !
You can’t upgrade from version 1 to 2! Version 2 has a lot of change in css and html file. Upgrade is not easy as you think. Actually there is no way to upgrade automatically (find and replace), you should see correspondence code in version 1 and 2 of FLATY to find out how to do change in version 1. But first of all, you must begin from HERE and upgrade your code to bs 3 classes.

Sorry, JS error in minified version of demo. It’s ok now

It has been released!

Ok, I’ll add this in version 2.1

Well, when the planned release of a new version?

ummm, It’s highly depend on bug reports, but I usually release new update between 3-4 week

Hello,
No, you can not migrate from version 1 to 2! I mean it’s very hard, bootstrap 3.0 is very different from bootstrap 2.3.
FLATY v2.0 is almost ready, I should update it’s documentation and some more test. New version will release in 2-3 days later

Great! This template is mind blowing btw!

Thanks

Hi, Thank you
Yes, it is a good suggestion, I’ll add this in next release

Look at this page’s sidebar in IE8: IE8 Blank Page
This is what I can offer you to support in IE8. If this is what you want, email me (from my profile contact form) after purchase and I’ll send you files that you need

hello. thanks for the efort and sorry for the delay. i was away. i have checked the link and almost perfect – some fine tunning if you can: -when i colapse the left navbar, the content of the page wich is blue doesn’t follow instant the colapse. instead, it stays in int’s position, we see a white area where the expanded menu was, and the blue background of page will folow if move the mouse over the page -in expand/colapse, we see a white triangle pointing to the link of the menu. that is ok when expanded but when i colapse the menu, it stays visible and partial distorted untill i hover over the icon of that colapsed link. so again a delay in the action

so, based on these remarks and your work, i would like to know: 1. will you implement the fix in the oficial download (i belive is in your interest to mark it as compatible with ie8 as well) 2. version 2 will include the fix for ie8 as well? 3. can you try to adjust menu action so that the delay mentioned is gone? thanks

Hello
About that delays, I think that is because of IE8 problem with :before and :after css pseudo-elements. I can’t fix this!
1. No, this fix is just for sidebar, not other part of theme, so I can’t mark this as compatible with ie8.
2. Nope, this fix is just for you!
3. As I mentioned before, this fix need changes in html and maybe how it’ll show, so I can’t spend more time for this issue anymore.