Discussion on FlatLab - Bootstrap 4 Responsive Admin Template

Discussion on FlatLab - Bootstrap 4 Responsive Admin Template

Cart 4,193 sales
Well Documented

vectorlab supports this item

Supported

540 comments found.

I am having a problem with the menu on an IPAD. The menu does not collapse and it does not use the mobile menu square button. My project uses quite a few menu items and they fit fine on a desktop but on an IPAD the menu needs to collapse. How can I get it to collapse on an IPAD or similar view? I tried changed the style-responsive.css file but I could not get it to work.

Thank you very much for your help. That works great for 4.0. How can I do the same to the 3.5 version? The code is
div class=”horizontal-menu navbar-collapse collapse ” for the menu header.

As this class were came from bootstrap framework so v 3.5 don’t have any quick option like v 4.0 . In that cases you need to modified bootsrap css media quires css according to your needs. Thanks

How do I do that? It just seems odd that for the 3.5 version mobile responsive only works for phone and PC and not Ipads.

I am using FlatLab template for one of my Web Application.

I need support on integration of Data Table, Dynamic Data Table, Responsive Data Table with Asp.net Grid view using C#.

Please share steps, link or documentation of this.

My purchase code is b4bac6f0-12de-4aa0-b973-f29c25ef8cac

Hi, We’re using this data table for demo purpose https://datatables.net/ you can get all data table format with documentation. Hope it will help you. Thanks

my purchase code is

7b8e0e17-cd9d-4642-8699-8d8beef07346

need help with data-table implementation.

how to add buttons for Print, Export to EXCEL, WORD, PDF

Hi, As we’re using datatable for demo purpose so here is an example https://datatables.net/extensions/buttons/examples/initialisation/export.html you can get this. Thanks

Hello, at the bottom of widget.html there is a collapsible card. Is it possible to have the widget closed by default? I added the collapse class to the card body which closes it but the up/down chevron doesn’t update accordingly.

Hi, Here is the instruction https://monosnap.com/file/0P7NDRNv8Uw9MRIMsF5jq260dSiy9t or you can take the following markup

<section class="card"> <header class="card-header"> Collapsible Widget <span class="tools pull-right"> <a class="fa fa-chevron-up" href="javascript:;"></a> <a class="fa fa-times" href="javascript:;"></a> </span> </header> <div class="card-body" style="display: none;"> Content goes here </div> </section>

Thanks.

Hi,

I have got a question regarding your template on this link http://andrealima.net/item/themeforest-net-233/

Do you provide 100+ HTML elements variations?

Hope to hear from you soon. Thank you.

Hi, Thanks for your interest. Flatlab have 63 html pages which have 100+ elements variations. Hope you visited all pages elements. We believe you’ll love this template. Its very easy to use. Thanks

Hi Can I know how to attach a screenshot to you Thanks

Hi, you can mail us here dkmosa@gmail.com

Hi I am using v4.0, i noticed that the sidebar menu will cover the header as well as for v3.5 it will not cover the header.

Please advice

Thanks in advance

Hi, we didn’t understand your comments. Can you please give us the problematic screenshot compare with right one. Thanks

Hi how can I attach the screenshot to you Thanks

Hi, you can mail us here dkmosa@gmail.com

Hi

My awesom css is not working as the fa fa etc does not appear.

Please advise Thanks a lot

<meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="Mosaddek" />
  <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina" />
   <link  href ="../assets/css/bootstrap.min.css"  rel ="stylesheet" />
   <link href ="../assets/css/bootstrap-reset.css" rel ="stylesheet" />
   <link href="../assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
   <link href ="../assets/css/owl.carousel.css" rel ="stylesheet" />
    <link href ="../assets/css/slidebars.css" rel ="stylesheet" />
  <link href ="../assets/css/style.css" rel ="stylesheet" />
  <link href ="../assets/css/style-responsive.css" rel ="stylesheet" />

</head>

<form id="form1" runat="server">
        <section id ="container"  >
            <header class ="header white-bg" >
                 
                    
                 
                    
                   
                  
Jhon Doue </header> <asp:ContentPlaceHolder id=”ContentPlaceHolder1” runat=”server”> </asp:ContentPlaceHolder> </section> <script src=”../assets/js/jquery.js”></script> <script src=”../assets/js/bootstrap.bundle.min.js”></script> <script src=”../assets/js/jquery.js”></script> <script class=”include” type=”text/javascript” src=”../assets/js/jquery.dcjqaccordion.2.7.js”></script> <script src=”../assets/js/jquery.scrollTo.min.js”></script> <script src=”../assets/js/jquery.nicescroll.js” type=”text/javascript”></script> <script src=”../assets/js/jquery.sparkline.js” type=”text/javascript”></script>
<script src="../assets/js/owl.carousel.js" ></script>
<script src="../assets/js/jquery.customSelect.min.js" ></script>
<script src="../assets/js/respond.min.js" ></script>
<script src="../assets/js/slidebars.min.js"></script>
<script src="../assets/js/common-scripts.js"></script>
<script src="../assets/js/sparkline-chart.js"></script>
<script src="../assets/js/easy-pie-chart.js"></script>
<script src="../assets/js/count.js"></script>
<script>
$(document).ready(function () {
    $("#owl-demo").owlCarousel({
        navigation: true,
        slideSpeed: 300,
        paginationSpeed: 400,
        singleItem: true,
        autoPlay: true
});
});
$(function () {
    $('select.styled').customSelect();
});
$(window).on("resize", function () {
    var owl = $("#owl-demo").data("owlCarousel");
    owl.reinit();
});
</script>
</form>

Hi, In our demo template fontawesome icons are working fine. Can you please share your site where fa fa i mean fontawesome icon were not appearing. Thanks

Hi,

I have got a question regarding your template on this link http://andrealima.net/item/themeforest-net-171/

Do you provide 100+ HTML elements variations?

Hope to hear from you soon. Thank you.

Hi, Thanks for your interest. In Flatlab Admin panel have 63 html pages and our new front-end template https://themeforest.net/item/clab-multipurpose-html5-template/23489597 have 110+ html page.

Thanks

Hello i have purchase this theme and i coudn’t find the FlatLab Frontside design and also when i try to integrate dropzone page it’s show error when image preview is visible.

Hi, I’m afraid it wouldn’t be possible to set 100% height. It was suppose to advice by the third party plugin jquery.steps. Thanks.

I have one issue with font i have copy all the css, font,js,image file in content folder and add that reference in head and script but font is not working properly should i have to add any path for that also or need to change a somewhere ? (”~/Content/css/style.css”)

Hi, Can you please give me you link so that we can check and try to find the issues. Can you please make sure the screenshot mark area exist your css file. Thanks

Is it wordpress theme? If not I guess i bought wrongly. I want wordpress theme, can i get refund?

Hi, We are not promoting this template for WordPress anywhere. Its a HTML template and its mentioned several places. If this was mistakenly purchase then you can send request for refund to themeforest. If you were not downloaded my template yet I’ll refund then. And I’m so surprised to see you gave a 1 star rating for “feature unavailable and your Comment: Not for wordpress. Customer support late to respond.” You sent a message just 55 mins ago and how come you said late to respond. We have never claim its worpress so it not our fault at all.

why after I add the theme, it says stylesheet is missing?

Hi, Where you add the theme? Can you please explain more so that we can understand your comments. Comments is not clear to us. Thanks

HI on version 3 I have a “frontend”, I want to know if there is also on version 4 because I did not find it. Thanks in advance Regards

Hi, ThemeForest didn’t allow now a days both together frontend and admin panel. Thats why we had to remove frontend. Hope you understand. Thanks

hi the localization not working,how i can solve it :) Regards

Hi, It should be work maybe you’ve missed something. Its not about template issues. Can you please recheck your localization code. Thanks.

hi , i hope you are well, i payed the support for 6 another months,all work fine but i cannot download the last version 4 i got only 3. can you help me. Regards

Hi, Our latest version 4 and old version are in same folder. After download this template you will get two folder like this screenshot https://monosnap.com/file/Bf065nmigydUcTvantBSh0uIYdLJni just go to your downloads tab in themeforest and you’ll find your all purchased product here and download flatlab here. Please let me know if you still didn’t get.

Thanks

done,thank you very much.

Glad to know you found it :)

HI , I hope you are well, i ask for a 1 year of support,its possible or not and by 1 order. thanks in advance. Regards

Hi, Hope this link will help you https://help.market.envato.com/hc/en-us/articles/205923460 Here you can get your answer. But in short

- All supported items have 6 months of included support (including Extended Licenses).

- You have the option to add a further 6 months of support (a support upgrade) when purchasing an item (License).

- To purchase a support upgrade, simply check the ‘extend support to 12 months’ box, add the item to your shopping cart and checkout. Your item can only have a maximum of 12 months valid support at any given time.

- You also have the option to purchase a support extension https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support or a support renewal https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support if you have less than 6 months of support remaining and the author is still supporting the item.

- The cost of support is calculated as a percentage of the item price https://help.market.envato.com/hc/en-us/articles/204160060/#itemprice (the price paid to the author for the item licence) and is determined by when you make the support purchase.

Thanks

After some research I found that Google API has become paid, that’s why the menu does not work

Yes Google API has become paid.

How do I implement my customers, do I need another platform? Will this theme import analytics?

Hi, Thanks for your comments. FlatLab is a HTML, CSS and Js template and all data are static for demo purpose. So you can implement it any kind of your system for framework. And also you can add analytics here. Thanks

Ok,

Sorry for my ignorance I’m new at this. Does this mean I can import analytics from social media as well as CSV data?

Thanks!

Hi, yes you can but in that case you have to work on it to compatible with this template. You can use our static data/components but dynamic portion you have to work it own. Thanks

Follow-up on z-index on flatlab v4 issue as I worked on theme:

When you open  right slidebar  and then you are wanting to  logoff.
Login dropdown hides behind  right slidebar
A solution / suggestion as follows: if you put z-index on these html it works properly.

<!- user login dropdown start->

    <!- Right Slidebar start ->

    ....Thanks —Alex

my suggestion disappeared z-index: 1500 on login dropdown and z-index: 1300 on right slidebar

Thanks for your suggestion :)

Flatlab v4 migrating from v3: v4 modals are hiding behind dashboard header. Need to set modal z-index to 1500 in css somewhere [.modal ]. Currently header z-index is around 1300.

- great dashboard, minimal issues encountered – great job ! Thanks

Thanks for noticing this. We’ll fix it soon :)

Hi, We’ve fixed the modal issues and updated version is available now. Thanks for staying with us.

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