Discussion on FlatLab - Bootstrap 4 Responsive Admin Template

Discussion on FlatLab - Bootstrap 4 Responsive Admin Template

Cart 4,194 sales
Well Documented

vectorlab supports this item

Supported

540 comments found.

Hi – FIRST – I love this theme! Great work!

Frames – do you advise using frames? For my web app, I do not wish to reload the left menu bar every time I go to a new page. However, I think frames pose a problem on mobile screens. Is that so? How can I reduce the left nav reloading?

Also – Any suggestions on how I can reduce the number of Javascript includes in a multipart web page for example: index.html includes parts top.html and bottom.html but both parts may load the same Javascript library twice.

Thanks!

1. I think Frames are not a good way you can use ajax in that case. 2. You don’t need to include js both top and bottom section. Either use top section or bottom section. you just add those js which you need.

thx

The mobile menu is broken in the “Horizontal Menu” layout. Both on your demo and in the downloaded source.

The menu button has no icon. The menu slides behind the header elements at certain screen sizes.

Bit of a killer for me. Please can you fix ASAP?

Can you plz give a screen shot.

thx

thanks we’ll try to fix it in next update.

Hello.

1. What is the JS code for hiding left sidebar. 2. If I want to remove it from page how can i do that. Ex : I tried to edit profile page. But left site there was a white space when I remove left sidebar.

We already done hiding left sidebar page. Next release it will be available. plz stay with us. Next update will be available within 1 week.

thx

Why does the admin/template_content/index.html file include 2 versions of JQuery?

From index.html:
    <script src="js/jquery.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>

we’ll check it and let you know.

thx

Thank you. Any chance you’ve had a chance to look into this?

Some js plugins are not supporting jquery-1.10.2 so you can use jquery-migrate js instead of jquery-1.8.3.min.js

thx

I’d love to use mega-menues on the horizontal top menu bar. Have you thought about adding that?

right now we don’t have plan to add mega menus.

thx

I’m not sure what’s going on, but the multiple select isn’t working out for me. II’ve copied the entire lines below, and only one list shows up – no left and right arrows – no right box…advice?

<!-multiple select start-> <section class=”panel”> <header class=”panel-heading”> Multiple Select </header> <form action=”#” class=”form-horizontal tasi-form”> <label class=”control-label col-md-3”>Default</label> <select multiple=”multiple” class=”multi-select” id=”my_multi_select1” name=”my_multi_select1[]”> <option>Dallas Cowboys</option> <option>New York Giants</option> <option selected>Philadelphia Eagles</option> <option selected>Washington Redskins</option> <option>Chicago Bears</option> <option>Detroit Lions</option> <option>Green Bay Packers</option> <option>Minnesota Vikings</option> <option selected>Atlanta Falcons</option> <option>Carolina Panthers</option> <option>New Orleans Saints</option> <option>Tampa Bay Buccaneers</option> <option>Arizona Cardinals</option> <option>St. Louis Rams</option> <option>San Francisco 49ers</option> <option>Seattle Seahawks</option> </select> <label class=”control-label col-md-3”>Grouped Options</label> <select multiple=”multiple” class=”multi-select” id=”my_multi_select2” name=”my_multi_select2[]”> <optgroup label=”NFC EAST”> <option>Dallas Cowboys</option> <option>New York Giants</option> <option>Philadelphia Eagles</option> <option>Washington Redskins</option> </optgroup> <optgroup label=”NFC NORTH”> <option>Chicago Bears</option> <option>Detroit Lions</option> <option>Green Bay Packers</option> <option>Minnesota Vikings</option> </optgroup> <optgroup label=”NFC SOUTH”> <option>Atlanta Falcons</option> <option>Carolina Panthers</option> <option>New Orleans Saints</option> <option>Tampa Bay Buccaneers</option> </optgroup> <optgroup label=”NFC WEST”> <option>Arizona Cardinals</option> <option>St. Louis Rams</option> <option>San Francisco 49ers</option> <option>Seattle Seahawks</option> </optgroup> </select> <label class=”control-label col-md-3”>Searchable</label> <select name=”country” class=”multi-select” multiple=”” id=”my_multi_select3” > <option value=”AF”>Afghanistan</option> <option value=”AL”>Albania</option> <option value=”DZ”>Algeria</option> <option value=”AS”>American Samoa</option> <option value=”AD”>Andorra</option> <option value=”AO”>Angola</option> <option value=”AI”>Anguilla</option> <option value=”AQ”>Antarctica</option> <option value=”AR”>Argentina</option> <option value=”AM”>Armenia</option> <option value=”AW”>Aruba</option> <option value=”AU”>Australia</option> <option value=”AT”>Austria</option> <option value=”AZ”>Azerbaijan</option> <option value=”BS”>Bahamas</option> <option value=”BH”>Bahrain</option> <option value=”BD”>Bangladesh</option> <option value=”BB”>Barbados</option> <option value=”BY”>Belarus</option> <option value=”BE”>Belgium</option> <option value=”BZ”>Belize</option> <option value=”BJ”>Benin</option> <option value=”BM”>Bermuda</option> <option value=”BT”>Bhutan</option> <option value=”BO”>Bolivia</option> <option value=”BA”>Bosnia and Herzegowina</option> <option value=”BW”>Botswana</option> <option value=”BV”>Bouvet Island</option> <option value=”BR”>Brazil</option> <option value=”IO”>British Indian Ocean Territory</option> <option value=”BN”>Brunei Darussalam</option> <option value=”BG”>Bulgaria</option> <option value=”BF”>Burkina Faso</option> <option value=”BI”>Burundi</option> <option value=”KH”>Cambodia</option> <option value=”CM”>Cameroon</option> <option value=”CA”>Canada</option> <option value=”CV”>Cape Verde</option> <option value=”KY”>Cayman Islands</option> <option value=”CF”>Central African Republic</option> <option value=”TD”>Chad</option> <option value=”CL”>Chile</option> <option value=”CN”>China</option> <option value=”CX”>Christmas Island</option> <option value=”CC”>Cocos (Keeling) Islands</option> <option value=”CO”>Colombia</option> <option value=”KM”>Comoros</option> <option value=”CG”>Congo</option> <option value=”CD”>Congo, the Democratic Republic of the</option> <option value=”CK”>Cook Islands</option> <option value=”CR”>Costa Rica</option> <option value=”CI”>Cote d’Ivoire</option> <option value=”HR”>Croatia (Hrvatska)</option> <option value=”CU”>Cuba</option> <option value=”CY”>Cyprus</option> <option value=”CZ”>Czech Republic</option> <option value=”DK”>Denmark</option> <option value=”DJ”>Djibouti</option> <option value=”DM”>Dominica</option> <option value=”DO”>Dominican Republic</option> <option value=”EC”>Ecuador</option> <option value=”EG”>Egypt</option> <option value=”SV”>El Salvador</option> <option value=”GQ”>Equatorial Guinea</option> <option value=”ER”>Eritrea</option> <option value=”EE”>Estonia</option> <option value=”ET”>Ethiopia</option> <option value=”FK”>Falkland Islands (Malvinas)</option> <option value=”FO”>Faroe Islands</option> <option value=”FJ”>Fiji</option> <option value=”FI”>Finland</option> <option value=”FR”>France</option> <option value=”GF”>French Guiana</option> <option value=”PF”>French Polynesia</option> <option value=”TF”>French Southern Territories</option> <option value=”GA”>Gabon</option> <option value=”GM”>Gambia</option> <option value=”GE”>Georgia</option> <option value=”DE”>Germany</option> <option value=”GH”>Ghana</option> <option value=”GI”>Gibraltar</option> <option value=”GR”>Greece</option> <option value=”GL”>Greenland</option> <option value=”GD”>Grenada</option> <option value=”GP”>Guadeloupe</option> <option value=”GU”>Guam</option> <option value=”GT”>Guatemala</option> <option value=”GN”>Guinea</option> <option value=”GW”>Guinea-Bissau</option> <option value=”GY”>Guyana</option> <option value=”HT”>Haiti</option> <option value=”HM”>Heard and Mc Donald Islands</option> <option value=”VA”>Holy See (Vatican City State)</option> <option value=”HN”>Honduras</option> <option value=”HK”>Hong Kong</option> <option value=”HU”>Hungary</option> <option value=”IS”>Iceland</option> <option value=”IN”>India</option> <option value=”ID”>Indonesia</option> <option value=”IR”>Iran (Islamic Republic of)</option> <option value=”IQ”>Iraq</option> <option value=”IE”>Ireland</option> <option value=”IL”>Israel</option> <option value=”IT”>Italy</option> <option value=”JM”>Jamaica</option> <option value=”JP”>Japan</option> <option value=”JO”>Jordan</option> <option value=”KZ”>Kazakhstan</option> <option value=”KE”>Kenya</option> <option value=”KI”>Kiribati</option> <option value=”KP”>Korea, Democratic People’s Republic of</option> <option value=”KR”>Korea, Republic of</option> <option value=”KW”>Kuwait</option> <option value=”KG”>Kyrgyzstan</option> <option value=”LA”>Lao People’s Democratic Republic</option> <option value=”LV”>Latvia</option> <option value=”LB”>Lebanon</option> <option value=”LS”>Lesotho</option> <option value=”LR”>Liberia</option> <option value=”LY”>Libyan Arab Jamahiriya</option> <option value=”LI”>Liechtenstein</option> <option value=”LT”>Lithuania</option> <option value=”LU”>Luxembourg</option> <option value=”MO”>Macau</option> <option value=”MK”>Macedonia, The Former Yugoslav Republic of</option> <option value=”MG”>Madagascar</option> <option value=”MW”>Malawi</option> <option value=”MY”>Malaysia</option> <option value=”MV”>Maldives</option> <option value=”ML”>Mali</option> <option value=”MT”>Malta</option> <option value=”MH”>Marshall Islands</option> <option value=”MQ”>Martinique</option> <option value=”MR”>Mauritania</option> <option value=”MU”>Mauritius</option> <option value=”YT”>Mayotte</option> <option value=”MX”>Mexico</option> <option value=”FM”>Micronesia, Federated States of</option> <option value=”MD”>Moldova, Republic of</option> <option value=”MC”>Monaco</option> <option value=”MN”>Mongolia</option> <option value=”MS”>Montserrat</option> <option value=”MA”>Morocco</option> <option value=”MZ”>Mozambique</option> <option value=”MM”>Myanmar</option> <option value=”NA”>Namibia</option> <option value=”NR”>Nauru</option> <option value=”NP”>Nepal</option> <option value=”NL”>Netherlands</option> <option value=”AN”>Netherlands Antilles</option> <option value=”NC”>New Caledonia</option> <option value=”NZ”>New Zealand</option> <option value=”NI”>Nicaragua</option> <option value=”NE”>Niger</option> <option value=”NG”>Nigeria</option> <option value=”NU”>Niue</option> <option value=”NF”>Norfolk Island</option> <option value=”MP”>Northern Mariana Islands</option> <option value=”NO”>Norway</option> <option value=”OM”>Oman</option> <option value=”PK”>Pakistan</option> <option value=”PW”>Palau</option> <option value=”PA”>Panama</option> <option value=”PG”>Papua New Guinea</option> <option value=”PY”>Paraguay</option> <option value=”PE”>Peru</option> <option value=”PH”>Philippines</option> <option value=”PN”>Pitcairn</option> <option value=”PL”>Poland</option> <option value=”PT”>Portugal</option> <option value=”PR”>Puerto Rico</option> <option value=”QA”>Qatar</option> <option value=”RE”>Reunion</option> <option value=”RO”>Romania</option> <option value=”RU”>Russian Federation</option> <option value=”RW”>Rwanda</option> <option value=”KN”>Saint Kitts and Nevis</option> <option value=”LC”>Saint LUCIA</option> <option value=”VC”>Saint Vincent and the Grenadines</option> <option value=”WS”>Samoa</option> <option value=”SM”>San Marino</option> <option value=”ST”>Sao Tome and Principe</option> <option value=”SA”>Saudi Arabia</option> <option value=”SN”>Senegal</option> <option value=”SC”>Seychelles</option> <option value=”SL”>Sierra Leone</option> <option value=”SG”>Singapore</option> <option value=”SK”>Slovakia (Slovak Republic)</option> <option value=”SI”>Slovenia</option> <option value=”SB”>Solomon Islands</option> <option value=”SO”>Somalia</option> <option value=”ZA”>South Africa</option> <option value=”GS”>South Georgia and the South Sandwich Islands</option> <option value=”ES”>Spain</option> <option value=”LK”>Sri Lanka</option> <option value=”SH”>St. Helena</option> <option value=”PM”>St. Pierre and Miquelon</option> <option value=”SD”>Sudan</option> <option value=”SR”>Suriname</option> <option value=”SJ”>Svalbard and Jan Mayen Islands</option> <option value=”SZ”>Swaziland</option> <option value=”SE”>Sweden</option> <option value=”CH”>Switzerland</option> <option value=”SY”>Syrian Arab Republic</option> <option value=”TW”>Taiwan, Province of China</option> <option value=”TJ”>Tajikistan</option> <option value=”TZ”>Tanzania, United Republic of</option> <option value=”TH”>Thailand</option> <option value=”TG”>Togo</option> <option value=”TK”>Tokelau</option> <option value=”TO”>Tonga</option> <option value=”TT”>Trinidad and Tobago</option> <option value=”TN”>Tunisia</option> <option value=”TR”>Turkey</option> <option value=”TM”>Turkmenistan</option> <option value=”TC”>Turks and Caicos Islands</option> <option value=”TV”>Tuvalu</option> <option value=”UG”>Uganda</option> <option value=”UA”>Ukraine</option> <option value=”AE”>United Arab Emirates</option> <option value=”GB”>United Kingdom</option> <option value=”US”>United States</option> <option value=”UM”>United States Minor Outlying Islands</option> <option value=”UY”>Uruguay</option> <option value=”UZ”>Uzbekistan</option> <option value=”VU”>Vanuatu</option> <option value=”VE”>Venezuela</option> <option value=”VN”>Viet Nam</option> <option value=”VG”>Virgin Islands (British)</option> <option value=”VI”>Virgin Islands (U.S.)</option> <option value=”WF”>Wallis and Futuna Islands</option> <option value=”EH”>Western Sahara</option> <option value=”YE”>Yemen</option> <option value=”ZM”>Zambia</option> <option value=”ZW”>Zimbabwe</option> </select>

</form> </section> <!-multiple select end->

Nevermind…

We would really appreciate if you sent it to mail. anyway, your code seems only markup. Did you include multi-select css and js as well. or you can send us your link to find it out.

thx

Yes, this is stevenyhof. I was on a different browser so I signed up only. My partner purchased on his account (jordan-splatr) which I am now logged into. Jordan Crowder.

What I would like to know now how to add my own navigation. I see even the blank page has the navigation, but I would assume the nav is an included page – or I guess I can set it up that way. You most likely are just showing it this was for the demo.

Sorry, I’m and old programmer, but it has been years.

I just created an include – I guess that is one why, but I suppose my question is a bit loaded. I will get with my programmers and work this out. Was just trying to be productive on a Saturday. Thank you

if you want to add your own navigation and not to interest in default nav then you have to remove our navigation and write your own nav code where you want.

thx

I have the theme installed and working. Where do I find the documentation to help me learn how to use it – mainly I want to set up the menu and pages to make it ready for the programmer.

I found it in /docs/

Seeing the documentation is very basic, is there some examples? I want to begin by setting up the left navigation. I will use firebug to help me now – just wondering.

Hi stevenyhof, did you purchased the template? we didn’t see the purchased tag.

thx

Hey, first of thnxs for the great template! It saves me a lot of work and it looks awesome.

I have one question: I can’t get the menu to stay open on the selected page. It’s properly something very obvious that I’m overlooking but I have taken the blank.html template and copied the necessary sidebar code, .js files and stylesheet but I can’t get it work. The menu is folding open when I click on a parent item and it opens the page I want, but as in the example files it won’t stay open displaying the active page in the sidebar. Any idea what I am missing here?

Its very tough to find out the bug this way you know. Though i’ve found some extra class in navbar markup.

  • where as the origin code was

  • Also i’ve little doubt are you editing our css style.css ?

    I think it would be better if you compare our code and yours.

    thx

  • I figured it out: I thought that dcjqaccordion.2.7.js would set the active class automatically, but I didn’t. In your example you set the active class by hand of course.

    I looked in the code of dcjqaccordion.2.7.js and found out that it’s capable of setting the active class it self with the use of cookies. This was commented out, but removing the comments alone don’t solve the problem. I downloaded the latest jquery.cookies.js (1.4) and loaded that first. Then changed line 207 of dcjqaccordion.2.7.js to $($cookieLi).addClass(defaults.classActive); Now the active class is automatically set and everything is working as it should.

    About the style.css, I don’t change it, I override or add some elements with a custom.css file ;) Otherwise upgrading to a later version would be a nightmare.

    Glad to know that its working now :)

    Hi, are there any plans to add a more customizable popup/tooltips?

    Something like qTip which allows interactive popups like on this page: http://craigsworks.com/projects/qtip/demos/content/loading#

    As we’ve already default bootstrap popups so right now don’t have plan to include it.

    thx

    So, I would like the menu expander icon to show up in the “main content” part of the site when on mobile or tablet. This is because I will be removing the top navigation bar and need to place it there. Do you have the command to show the menu icon (three bars stacked on one another) when in responsive format? I’ve played around with it for a few hours, i’m guessing it may have to be permanent? Think you could help?

    thx josephorr for your queries. right now it don’t have this option. because js written in this structure wise. if you want to change the structure then have to modified js as well. hope you understand.

    regards

    Hi,

    Thanks for the nice template! I’ve bought it :)

    One issue here: On registration page, the gender radio buttons doesn’t look like the FlatUI style ones, copy&paste doesn’t work here. Any idea?

    One question: How can I use those nice FlatUI styles with FlatLab? Are they compatible?

    Thanks, Stan

    thx bigfatsea, in registration page isn’t include flat style radio button. we will include it next release. copy & paste are working fine here.

    yes you can use flat style element in flatlab.

    thx

    Hi!

    Thank you for this template! Do you plan to add ColVis (datatables plugin) css styling?

    thx for your request. Yes we have a plan to include it next release.

    Hi vectorlab,

    Can i have several request, In the Admin page.
    - <header class=”header white-bg”> I need another header on top that, so i can put a switch to go Admin and FrontEnd.
    - in the sidebar rather than showing the Nav, Can we have customization to allow form or <section class=”panel”>, since we not necessary put only menu.

    Right now we don’t have a plan to include another header on top. but if you need you can do it by yourself.

    yes you can customize anything in the sidebar section.

    thx

    Thanks for this amazing template, you guys are doing a great job.

    Inline or inpage jquery code not working. How can i fix it?

    It shouldn’t be happened. where you gave jquery? can you plz send us link to check.

    thx

    Hi, if the value is from 50 to 99 then countUp() function is not working properly, it is showing up to 99 Please check and fix it immediately!

    Thanks!

    we’ll check and let you know.

    thx

    Have you fixed the count() function?

    yes we got the issues and will update the counter js in next release.

    thx

    Password recheck is not there in the form elements. Please update it

    It is working fine

    Hi, I’m developing my website. I didn’t purchase this theme jet because I cannot see to important option that I need in my project so I want to ask you if these things exist in this template.

    - Follower and Followed, How can I implement in this template? - I want to design user level, like a game. Is it possible here this? - I have to customize the color transitions from red to green in the frontend. - When I choose horizontal menu and see in my smartphone, I cannot see button to show menu. Why I lost the notifications when I use horizontal menu? - Where can I find some about setting and notification configuration on admin template? - Have I release all my source code that I did with a lot of effort?

    These are my doubts. I think that you are doing amazing job. It’s clever and easy use interface. :):)

    I hope to hear about you soon

    Eduardo

    On a mobile phone, the menu doesn’t work. If you scroll down to one of the lower menu options like Extra or Login, it collapses the menu so it is impossible to select a menu option near the bottom. Android Samsung Galaxy S3, S4 etc.

    thx for noticing this we will check it out.

    I see there is an updated file pack today…153MB?? Why so large? Can you post a summary of the updates?

    As we included psd files thats why file size bit large.

    thx

    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