119 comments found

How do I make the sidebar and navbar fixed by default?

Default-user

I did have plenty of menus and it was scrolled down. but I would like it it to be the opposite and scroll all the way up by default when the page first loads. this way the menu title is visible. can this be done

ShaMSofT

Which version of the flaty do you use? If it is 1.x, maybe you have to do some changes in the flaty.js, but if it is 2.x, please provide an online demo, I can not see this problem in the flaty.

Default-user

It is 2.0. I will create one and let you know

clintre Purchased

Any plans on updating to the latest Bootstrap 3.1?

ShaMSofT

No, It works fine with v3.0.2

Hopefully this is a simple request. I need different/more icons than the default. Currently I’m looking for the PayPal logo, but as I go I feel there may be a few others.

How hard is it to redo the icon set?

ShaMSofT

Replacing icon set needs change to all of files! I mean I used font-awesome in all of elements. I think it’s better to add another icon set, not replacing with current one

rking53 Purchased

Help…...I am getting the following errors in IE8 and my top and side menus are not displaying:

1)
Message: Invalid argument. Line: 1 Char: 713 Code: 0 URI: {mydomain}/assets/plugins/excanvas.min.js
2)
Message: Invalid argument. Line: 4 Char: 5469 Code: 0 URI: {mydomain}/assets/plugins/jquery.sparkline.min.js
Default-user
rking53 Purchased

Is it possible for me to change anything to make this compatible with IE8?

ShaMSofT

As you know, we are not supporting IE8 and mentioned in Compatible Browsers. It’s depend on you if you could or not, but yes, it is possible. Do not forget to backward jQuery to version 1.x from 2.x. Also there is possibilities that some of plugins do not support IE8.

kpoint Purchased

Hi, I was wondering what did you do to disable the use of ‘modal-lg’ class. I cant find anything in the css or js that overwrites it. http://getbootstrap.com/javascript/#modals-sizes

ShaMSofT

Hi,

.modal-lg and .modal-sm added to bootstrap from version 3.1.0, but our last update is using v3.0.2. As we do not have any plan to release more updates for this template, you can update your bootstrap files to latest version to have this functionality.

Default-user
kpoint Purchased

Ah great stuff. Thanks

How is it possible that I use a tooltip on a ?

Default-user

Hmm.. I used “margin-left:50px;”, because I want to have two icons parallel. Maybe this is a problem?

ShaMSofT

I do not think so, but you can remove it and test the page. Use your browser’s developer tools, remove/change styles to see what will happen.

Default-user
It is the problem, if I don’t use it the icons are overlaped, but it works very nice.. – if I use this method:
 <span class="tl-icon show-tooltip" title="test"><a href="#modal-preans" class="fa fa-comments" data-toggle="modal"></a></span>
But if I use margin, the tooltip works only above and under the icon, but only in a very small area..

Lovely looking template. But when I browse to the preview site on my iPhone 5, it doesn’t degrade to the mobile view? Anyone else experience this behaviour?

ShaMSofT

Thank you. I guess it’s because of the Themeforest page preview. Check the template from this url: http://themes.shamsoft.net/flaty

Default-user

Indeed you are correct. That link works well! And for that reason, the Captain must invest! :-) Thanks…

ShaMSofT

Thank you too :)

mpaul31 Purchased

Hello,

I’ve added a navbar to one of my pages and i am trying to add some input controls (input for search) that pull right but i am having trouble with the styling. i do not need a form element (i tried and this did not work either). any help would be greatly appreciated!

awesome theme!

ShaMSofT

Hello,

What’s your styling problem? Can you provide an online demo?

Any plans on adding a search results box that can be expanded under the search bar? Like an autocomplete or results on the fly. Thanks!

ShaMSofT

No, we have not any plan to add new features. Maybe you can use typeahead.js

schmidjon
Okay no problem! Was gonna use a server-side search engine anyway so I coded the client myself making use of .dropdown-menu. This is how it looks like: http://www.jonathanschmid.de/ext/flaty-search.png

Let me know in case you’re interested.

ShaMSofT

Congratulation schmidjon, It’s look interesting. But if i was you, I’d like to add a triangle to the left of the auto-complete block. It can attract the user attention.

Hello,

I have added a navbar in a page. In desktop version it works and looks cool. But the style in mobile version (tested in chrome for samsung s4) looks like the dropdown’s items has not background, therefore the items are displayed over the content so ugly. This is an screenshot with dropdown menu expanded: https://www.dropbox.com/s/bbm2j3b1e2ufiln/Screenshot_2014-06-25-20-15-10.png

This is an screenshot without expand:

https://www.dropbox.com/s/0egf5ko60oscv91/Screenshot_2014-06-25-20-14-43.png

Thank you in advance

ShaMSofT

Hello,

The main navigation bar at top of the pages is our navbar. In many projects that I saw, there is one navbar at top, so we develop our navbar based on the Bootstrap navbar (.flaty-nav) and did not style default’s bootstrap navbar. Let me to check it, I’ll answer you again.

ShaMSofT

Hello,

Add the following css code to your css file or at the end of flaty.css:
.navbar-default {
    background-color: #f8f8f8;
    position: relative;
    min-height: 50px;
    height: auto;
    z-index: 0;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777;
    font-size: 18px;
    padding: 15px 15px;
    min-width: 0;
    height: auto;
}
.navbar-default  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid #e7e7e7;
    -webkit-overflow-scrolling: touch;
}
.navbar-default  .navbar-nav {
    margin: 7.5px -15px!important;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}
.navbar-default .dropdown-menu > li:hover {
    background-color: transparent;
}
@media (min-width: 768px)
{
    .navbar-default  .navbar-nav {
        margin: 0!important;
    }
}
Test it by the bootstrap’s navbar example code. Hope you like it.
Default-user

Very very cool. Your patience and be helpfull person make of you the best author ever.

Is it possible to reduce the spacing between the form element rows?

<label class=”col-sm-3 col-lg-2 control-label”></label>
ShaMSofT
Try this:
.form-group {
    margin-bottom: 5px;
}
Default-user

You pasted the same CSS style again. I was talking about the spacing inside a textbox and not the margin between textboxes

ShaMSofT
Sorry, my bad. You can reduce the height of input by adding the .input-sm class to it, or:
.form-control {
    height: 24px;
    padding 1px 10px;
}
kpoint Purchased

Hi,

Is there any way to fix the overlay bug for the Full Calendar? When the text and buttons meet it doesnt degrade very well. And sometimes it overflows into the next col-md div http://awesomescreenshot.com/0b3334wt74 http://awesomescreenshot.com/0ec334xd12
ShaMSofT

Hi,

You can find an IF statement in the demo code:
if ($(window).width() <= 480) {
    h = {
        left: 'title, prev,next',
        center: '',
        right: 'month,agendaWeek,agendaDay'
    };
} else {
    h = {
        left: 'title',
        center: '',
        right: 'prev,next,today,month,agendaWeek,agendaDay'
    };
}
You can remove some buttons based on your context or window size.

Hello,

I have problem with Advance Date Range Picker. Range input boxes go out of the range box from the ritght side.

input boxes (class=”range_inputs”) marign/padding behaviour is complitely different than ranges ( li class=”ranges”)

BR, Tomek

ShaMSofT

Hello,

It seems it’s work correctly in the demo: http://themes.shamsoft.net/flaty/form_component.html . Yes? Maybe you have made some changes to them from your own styles. Anyway, if you could provide a demo page, so I can inspect the inputs and help you better.

Super work! Good luck!;

Google Chrome seems to have changed something in the way the layout works.

I’ve checked both 2.1 and 2.2, using Chrome 36.0.1985.125 m.

When displaying tabs, settings, etc (class=”box-tool”), it is getting displayed too low.

The top of the content is in the middle of the bar as opposed to being centered within the bar. This causes tabs, settings, buttons, whatever to be displayed incorrectly. Will there be a patch for this?

ShaMSofT

Hi,

You can add the following code to your css file while I’ll make ready the update package:
.box .box-title {
    position: relative;
}
.box .box-title .box-tool {
    position: absolute;
    top: 10px;
    right: 10px;
}
Default-user

Do you have an ETA on when the update will be ready? And is this the only fix, or will there be other changes as well?

Thanks

ShaMSofT

I was waiting for others, maybe the template needs more bug fix, but it seems this is the only one. I’ll check the whole template by myself and maybe update some of assets. I guess I’ll release next version within next 2 days.

webkeon Purchased

i Guys,

We are using your FLATY admin theme for our project. Now we have a problem to upload an image from the CK editor that pre installed in theme. There is BROWSE SERVER button is missing from image selection tool. Can you please look at this issue and get back to us very soon as it is very urgent.

Thanks Rakesh Kumar

ShaMSofT

Hi Rakesh,

If you need this capability, you have to integrate CKFinder (http://cksource.com/ckfinder) to your CKEditor.

kpoint Purchased

Hello,

I was wondering if it was possible to make a textarea that is using the CKEditor to check if it is valid using data-rule-required=”true”

It doesnt seem to work

<textarea name="description" class="form-control ckeditor description" id="description" data-rule-required="true">


Is there a work around for this?

Thanks

imkane2 Purchased

Why did a new version get released but there’s no updates to the Changelog section? What was changed?

ShaMSofT

Sorry, I was waiting for Envato to approve my new release. Change log is updated now.

Default-user
imkane2 Purchased

No problem, thanks, I see it now :)

imkane2 Purchased

Is there a landing page theme you can recommend that works well with Flaty for the public-facing pages?

ShaMSofT

I do not have any suggestion, but there is a plenty of landing pages available in the themeforest. Do not hesitate on choosing the theme you would like, because the Flaty is independent from the public-facing pages.

by
by
by
by
by
by