Discussion on FLATY - Responsive Admin Template

Discussion on FLATY - Responsive Admin Template

Cart 791 sales
Well Documented

TheThemeio does not currently provide support for this item.

142 comments found.

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.

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.

I have a site with a box which has 4 tabs. If I go on the 3. tab, I’ve got a white space on the right-hand site, which I can’t find with developer tools like Firebug. What is this space? It’s only with the 3. tab..

Sorry, I could not reproduce the issue in the demo page. If you provide an online demo page, I’ll check it to find the reason.

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

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.

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

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

No problem, thanks, I see it now :)

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

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

Hi Rakesh,

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

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?

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

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

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.

Super work! Good luck!;

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

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.

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

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.

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

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

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

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

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

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.

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.

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

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!

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

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.

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’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!

Hello,

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

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?

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

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

Thank you too :)

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

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

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.

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..

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

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.

Ah great stuff. Thanks

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

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

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.

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?

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey