FlatLab - Bootstrap 3 Responsive Admin Template HTML
Themeforest FlatLab - Bootstrap 3 Responsive Admin Template HTML
FlatLab is a Premium Admin Dashboard template with real flat design concept. Flat color, clean content placement, easy customization and professional coding is its core power.
FlatLab is a fully responsive admin dashboard template built with Bootstrap 3.3.7 Framework, modern web technology HTML5 and CSS3. It has a huge collection of reusable UI components and integrated with latest jQuery plugins. This theme is very lightweight and easy customizable which is basically designed for the developers who want to customize it with just a finger snap . FlatLab can be used for all type of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS, CRM, business website, corporate, portfolio, blog etc. A large number of widget are included here to make your work easier. FlatLab works on all major web browsers, Desktop, iPhone, iPad, Tablet and all other smart phone device.
Flatlab RTL Version Link RTL Demo Link
Flatlab Frontend link Frontend
Version 3.5 – 20 March 2017
New : RTL Version Included
Fixed : Minor Issues
Version 3.4 – 1 March 2017
Upgrade : Bootstrap 3.3.7
New : Toggle/Switcher added in advanced_form_components.html
Fixed : Minor Issues
Version 3.3 – 21 June 2016
Issue Fixed : Summernote Editor issue fixed
Issue Fixed : Buttton disabled issue fixed
Updated : “style.css” and “bootstrap-reset.css”- Minor Issues
Version 3.2 – 12 June 2016
Issue Fixed : Responsive toggle menu hide when scrolling both Android and IOS
Changed : “sidebar-toggle-box” html format in all pages
Updated : “common-scripts.js”- Minor Issues
Version 3.1 – 14 March 2016
Upgrade : Bootstrap 3.3.6
Upgrade : jquery.nicescroll 3.6.8
Issue Fixed : Left sidebar scroll issue in chrome browser
Issue Fixed : Responsive table issue
Issue Fixed : Editable table issue- Minor Issues
- What you need to Update
- All Bootstrap (CSS, JS and Font) related files
- common-scripts.js
- jquery.nicescroll.js
- style.css file or just take the following css into style.css file #sidebar {overflow-y:scroll;}
Version 3.0 – 7 Feb 2015
Upgrade : Bootstrap 3.3.2
- Issue Fixed :
- Modal date picker issue in chrome browser.
- Date picker close after selected date.
- Minor Issues
Version 2.0.3 – 14 Jan 2015
Upgrade : Bootstrap 3.3.1
New Page : Toastr Notification View
New Page :Modal ( large / small / left / right / top / full left side / full right side) View
New Page : Different top header color View
Fixed : Minor Issues
Version 2.0.2 – 30 Nov 14
Fixed : Minor Issues
Version 2.0.1 – 15 July 14
Fixed : Right Slidebar Chrome issue
Fixed : Left Side menu disappear when scroll down Chrome issue
Fixed : Bootstrap lightbox Modal issue
Fixed : Login and registration radio button placement issue
Fixed : Minor css Issues
Version 2.0 – 30 June 14
Upgrade: Bootstrap 3.2.0
New Included: Right Slidebar
New Page: People Directory page View
New Page : Sidebar closed page View
New Page : Coming Soon page View
Fixed : Minor Issues
Version 1.3.3 – 10 February 14
Upgrade: Bootstrap 3.1.0
New Page: Inbox Details View
New Included: PSD Files
Enhancement : Iconic input fields View
Fixed : Form wizard responsive view
Fixed : Minor Issues
Version 1.3.2 – 27 January 14
Enhancement : Datepicker in Modal View
Fixed : Minor Issues
Version 1.3.1 – 9 January 14
New Page: Multiple File Upload View
Enhancement : Dynamic table pagination adding
Enhancement : Advanced table pagination adding
Version 1.3.0 – 16 December 13
New Page: FB Wall View
Fixed : Timepicker icon problem
Fixed : General page modal button position in mobile veiw
Fixed : General page navigation content mobile veiw icon
Fixed : Some minor issues
Version 1.2.3 – 9 December 13
Enhancement : Adding Filter in Product list View
Fixed : Some minor issues
Version 1.2.2 – 2 December 13
Upgrade : Font Awesome 4.0.3
Enhancement : Pulstate implement in general page View
Enhancement : Language switching option included in Front-end View
Fixed : Invoice Page print view
Fixed : Some minor issues
Version 1.2.1 – 22 November 13
New Page: Todo list/sortable list View
New Page: Product list View
New Page: Product details View
New Page: Lock Screen View
New Page: xChart View
New Page: Language switch bar View
New Page: Forgot Password
Enhancement : Dashboard Summary Box value animation
Enhancement : footer section included
Fixed : Home page owl carousal auto sliding
Fixed : Some Minor Issues
Version 1.2.0 – 13 November 13
Upgrade Bootstrap 3.0.2
New Page: Advanced Components View
- Added Multiple select
- Added Date Pickers
- Added Datetime Pickers
- Added Time Pickers
- Added Color Pickers
- Added Spinner
- Added Advanced File Input
- Added WYSIHTML5 Editor
New Page: Image Cropping View
Enhancement : Multi Level Menu Integration
Fixed : Some Minor Issues
Version 1.0.3 – 6 November 13
Version 1.0.2 – 4 November 13
New Page: Flot Charts View
New Page: Inline Editor View
New Page: Responsive Table View
New Page: Advanced Table View
New Page: Editable Table View
Fixed : Dynamic Table Searching & Sorting View
Fixed : Some Minor Issues
Version 1.0.1 – 27 October 13
New Page: boxed view View
New Page: Registration View
New Page: Gallery View
New Page: Nestable View
New Page: Search Result View
New Page: Google Maps View
New Page: Dropzone File Upload View
Enhancement : Masked Input View
Enhancement : Collapsible Widget View
Enhancement : Star Ratings View
Fixed : Dynamic Table responsive view
Fixed : Integrated TouchPunch for mobile view in slider page
Fixed : Minor issue fixing
Version 1.0.0 – 22 October 13
- First release
Clients Speaks For Us
Ewebfoot
Hello, this is one of the best themes I have seen in a long time. Congratulations!
Dklipi
WOW, Amazing Admin. Very clean and cool. And Frankly speaking this is the cutest admin template ever i seen in themeforest. I am loving it.
Westilian
Great work (y) . One of the best admin template it is. Backend and Front end both are marvellous. A+++
Lesya
It so good. I like it very very much . Amazing flat design!!!
Rohithpaul
I smell a top seller. Good luck mate.
Full Features
- Built with Bootstrap 3.3.2
- HTML5 & CSS3
- Fully Responsive & Interactive
- Flat UI with clean style
- Huge Components
- Mobile widgets
- Boxed View
- Full Featured Frontend
- Revolution Slider(12$ value)
- Latest jQuery v1.10.2
- jQuery NiceScroll
- jQuery Sparklines
- Morris Chart
- Chartjs
- Flot Chart
- jQuery Easy Pie Chart
- jquery-validation-1.11.1
- Date, datetime, time, date range & color Picker(Bootstrap Date, datetime, time, date range & color Picker)
- CKEditor
- WYSIHTML5 Editor
- Multiple/Dual select
- Spinner
- Image Cropping
- Integrated Full Calendar(jQuery Full Calendar)
- Notifications(jQuery Gritter)
- Nestable
- Bootstrap FuelUX Tree
- jQuery UI Touch Punch
- Goole Maps
- Form Component
- Form wizard (jquery stepy)
- Form Validation
- Dropzone File Upload
- Inline Editor
- jQuery ScrollTo
- jQuery Knob
- Slider (jQuery Slider)
- jQuery Tagsinput
- Bootstrap Switch
- Owl.carousel
- Dynamic Table
- Responsive Table
- Advanced Table
- Editable Table
- Font Awesome 4.0.3
- Custom Radiobutton, Checkbox
- Google font – OpenSans
- Well structured code
- Detailed Documentation
sorry for disturb again. i found a problem in responsive_table.html ( no more table )
ReplyDeletehttps://1drv.ms/i/s!Apy_Sq9htNHxhE3yPSEESBXXEnXY
this is the bug picture that i has been screenshoot.
https://1drv.ms/i/s!Apy_Sq9htNHxhE7nMpj9_l_GRvvL
this is the bug2 picture that i has been screenshoot.
all picture has been uploaded to hotmail. but i don know why the share link become like this.
okay , so now the problem is when the text length is alot ( example : text length = 50 ) and the text is without space. text will not auto break up to next line.
example text :
testingtestingtestingtestingtestingtestingtestingtestingtestingtestingtestingtesting
show text : testingtestingtestingtestingtestingtestingtestingtestingtestingtestingtestingtesting
okay , now the 2nd picture problem is when the text have space , only break up to next line with the text. example text : testing testingtestingtesting testingtesting
ReplyDeleteshow text :
testing
testingtestingtesting
testingtesting
this problem will show in mobile phone / google chrome ( F12 ) using mobile phone screen resolution
https://1drv.ms/i/s!Apy_Sq9htNHxhE9wPE-ef8_3xXRA
ReplyDeletethis is the 3rd picture when the text length is too high.
https://1drv.ms/i/s!Apy_Sq9htNHxhFDRXg2L3YPP2zNV
this is the last picture when i scroll the horizontal scroll bar.
Hi, in that cases you can use a simple css property like “word-break: break-all;”
ReplyDelete.wd-brk{
word-break: break-all;
}
add “wd-brk” class into those text.
Hope solved your problem
ok thanks alot.
ReplyDeletehi , can i knw ( form_validation.html ) how to set the <select> required ?
ReplyDeletei try to include 1<select name=”testing”> in html file, after that i check the code in ( form-validation-script.js )
rules: {testing:required},message{testing:”try to show something”}
but when i click the submit button , after validate only show the text , but the select border not change to red color ?
Hi, Sorry for late reply. We’ve used this validation https://jqueryvalidation.org/ for demo purpose only. Can you please check their doc.
ReplyDeleteThanks
I also need a fully dark theme…you have it?
ReplyDeleteDoe your template also offer to open a popup window on click – which will contain an IFRAME?
Hi, Thanks for your interest. Unfortunately at this moment dark version is not available. But you can made it dark by editing few css style.
ReplyDeleteThanks
Hi there, I just purchased FlatLab, everything looks awesome and thanks for that.
ReplyDeleteHere I wanna request some supports from you to extend the backend sidebar feature.
My project needs a sidebar which is more like AdminLTE’s sidebar, I want it can be collapsed and still leaves an column of icons in the left sidebar displaying.
Actually I’ve used the AdminLTE template package in another project , and I like the sidebar, I would appreciate it very much if you could help me to improve the backend sidebar menu.
the AdminLTE demo page:
https://almsaeedstudio.com/themes/AdminLTE/pages/layout/collapsed-sidebar.html
Looking forward to your reply, Please help help help god bless…. & thanks very much
Hi, I’m afraid as the structure is totally different and its need lots of css styling as well html structure. And of course it time consuming to custom this. However, I’ve noted this requirement but not give commitment when we’ll able to do it. Hope you understand.
ReplyDeleteThanks
So any suggestions if I want to make this change? what js/css files should I start with?
ReplyDeleteExcellent theme, however, I noticed a bug with the responsive menu (left side). When you start out in full width mode on the browser, then you shrink the webpage down to 1/4 width, the menu button no longer works. You then have to refresh the page at 1/4 width to get the menu button to work. Is there a possible fix for this available? Thank you.
ReplyDeleteHi, Sorry for late reply. Many many thanks for noticed. This stage it need a refresh however its fine in responsive devices. But we’ll try to fix this issues and let you know.
ReplyDeleteThanks
Thank you, let me know if this gets fixed, would really appreciate it.
ReplyDeleteI installed it, but I have only demo. How can I customize it?
ReplyDeletea have a purchase code. But I do not find where I put it
I have /flatlab/admin/ and /flatlab/frontend/
thanks
Hi, Its just a HTML template. You can edit it by using any editors Software.
ReplyDeleteThanks
I need to add a search bar (I have it, it is itself responsive) which is ALWAYS visible (should stay right next to the logo). Can you show me an example of an element which is ALWAYS visible near the logo in the top horizontal navbar?
ReplyDeleteHi, yes of course it possible. I’ll do it for you once you purchase this template.
ReplyDeleteThanks
I completely liked it but would love to see a component. that is users table with small thumb nail/profile icon (profile pic)
ReplyDeleteHi, Thanks for your complement. I assume you meant like this http://thevectorlab.net/flatlab/project_list.html
ReplyDeleteThanks
Hi I got this theme hoping to use it in Bootstrap Studio, but i guess i can’t is there some other tool i can use to modify?
ReplyDeleteHi, I am trying the document demo, I copy the sidebar code ,but the icon is not show and the + icon is not show too
ReplyDeletewhen I click the menu which has the sub menu, but the sub menus does not show too
how can i fixed that?
i have already include the css / js file and the chrome told everything is loaded
Hi, May be you’ve missed something. Can you please recheck our theme and your one carefully. Without seeing your file we are unable to say the actual reason.
ReplyDeleteThanks
finally i find out why, in the documentation, the ”+” ’s class is arrow but it should be “dcjq-icon”
ReplyDeletebut these is another problem when i click the parent menu and it won’t add the class “active” automatically. Is there i miss the jsfile or i need to write the code myself?
微信管理
粉丝管理
校友管理
Form Components
Form Wizard
Form Validation
Hi, Is this issues have our demo or our original files. If not ,then maybe you’ve missed something.
ReplyDeleteThanks
Hello there,
ReplyDeleteI’ve purchase your template yesterday. Very clean by the way!
I’m just disappointed at the fact that I cannot position the footer to the bottom of the page completely, without having it as a fixed position.
When a page does not have much content I looked very bad as it divides the page in two. Also for pages with lots of content it also makes the ui look buggy as it shows at the top and after the data loads it moves to the bottom.
I found that by setting min-height to the main wrapper it looks a little better, but the I have the problem that it adds more height for small pages, adding unnecessary scroll bars, blank spaces, etc.
Here is a screenshot for reference:
http://take.ms/yffq4
Any suggestions?
Thanks in advance!
Cheers,
Juan
Hi, We’re checking of this issues and get back to you soon.
ReplyDeleteThanks
Hi, Please replace the following css into .site-footer in style.css line 4738
ReplyDelete.site-footer {
background: #5b6e84;
color: #fff;
padding: 10px 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
like this https://monosnap.com/file/uB8SEtcp5DQGQvuNxug7841Bd6BHr0 and also replace the following code into line 41
#container{
position: absolute;
top: 0;
width: 100%;
min-height: 100%;
padding-bottom: 20px;
}
like this https://monosnap.com/file/YAfcDMK6PdbLT1FtsIcI3YyYslboc7 and
remove min-height to the main wrapper https://monosnap.com/file/uDdVLeRhqShgEGTtlzuOv22jMIwXzk hope solved your problem.
Thanks
Thank you for this awesome Theme! One question do i have: In data-tables, is it possible to only search from one colom and not from all?
ReplyDeleteThank you!
Don’t worry, i’ve purchased the theme form another account.
ReplyDeleteHi, We’re using this data table https://datatables.net/ for demo purpose. So We would request you to check their documentation. Hope you’ll find the solutions.
ReplyDeleteThanks
Hi,
ReplyDeleteI really like your FlatLab template.
What discipline (language) should I be looking for to hire a developer to get it up and running for me?
Thank you!
C
Hi, thanks for your interest. Actually it depends on which language you want to use your platform. But this template is fit for all languages.
ReplyDeleteThanks
Hi
ReplyDeleteI’m not sure how to use the admin template.
Do I create a button on the main website to link to the admin template?
I wish I could see a sample on how I can set it up.
Can I use another html file other than yours to connect the front end to back end?
tks
Josie
P.S. How do I feed data to the charts and graphs?
Hi, This template is made only html. css and js. So all data are static now. As this template has lots of ui components that actually helps a developer to work faster. And developers can use this template for their backend system. So its not like just to linkup your frontend site or website. You have to convert it to your platform dynamic way just using this template components. Hope you understand.
ReplyDeleteReplying to your message:
ReplyDeleteI bought this template a while ago, and always when I try to use it, I give up because I can’t figure out how to use it. I cannot believe that it’s static. So why do you provide the graphs if I can’t edit it? It is not even in vector form!!
I need to how to connect the front end and back end. Do you have documentation on that? I bought FlatLab because of the graphs, and and absolutely do not need the html code as I have other resources.
I need to know how to connect the front end to the back end. Don’t you provide a tutorial?
Do you have something else to exchange, or refund policy?
Hi, we never said you didn’t edit graphs. Not only graphs all data are shown for demo purpose only. All graphs doc links have in our documentation. In our demo graph data are static not coming dynamically. Its just a front end ui components. It depends on you how to connect your backend and frontend. In themeforest have 300+ admin templates all are do the same thing. If you still not getting our point please talk with your developers.
ReplyDeleteThanks
Hi VectorLab,
ReplyDeleteI am an author on Envato and working in Web design industry from past 10 years. I am really looking forward to get some opportunity to work in your team.
My Envato username is followtechnique.
Looking forward for a positive reply from your side.
Thanks & Warm Regards
Aditya Singhal
please contact us via mail dkmosa@gmail.com
ReplyDelete