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.

Hi,

I am having an issue with the sparkline bar chart. The height of the bars not calculated correctly.

Like if there are two bars, one has value 90, and the other has 45. The 45 valued bar should be half high, but it seems like it’s only 1 value high.

Using very basic code copied from default included js file. I can paste code if needed.

Please help to resolve this issue.

Thanks!

We did some more digging. Looks like it is a bug. Every minimum value in the data set remains at point 1 regardless of their value. E.g if we have two bars 10 and 5. 5 will not be the half of the, it will show 5 at point 1. You may fine a screenshot of chart and code. It is very simple to replicate. Here is the link https://mervice.ca/flatlab/chart.png

I was updating an old project that used the original front-end code. Can I get an updated fronted index.html file and associated assets (css, js)?

Hello,

Please I bought the theme and It’s great.

But I have a problem with the advanced table whenever I give it a specific sorting from the backend, the frontend theme sorting overwrites it.

would you please tell me from which file exactly can I stop the default sorting?

Thanks

Hello, On dashboard page bars for total earning & new earning goes out of chart if squeeze browser windows. How we can make these charts responsive.

Thanks in advance.

Can you please check it responsive devices not squeeze the browser. Thanks

How to insert two the same multiple select (for example multi-select2) lists in one form. If I change the name, it does’t work.

Hi, We are using this http://loudev.com/#home for multiple select for demo purpose. Can you please check their documentation. Hope it will help you to figure out your question. Thanks

Hello wanting to use https://jqueryui.com/autocomplete/ I have an error “Uncaught TypeError: $(...).dcAccordion is not a function at HTMLDocument.<anonymous> (common-scripts.js:3) at c (jquery.js:4) at Object.fireWith [as resolveWith] (jquery.js:4) at Function.ready (jquery.js:4) at HTMLDocument.q (jquery.js:4) common-scripts.js:39 Uncaught TypeError: $(...).scrollTo is not a function at HTMLAnchorElement.<anonymous> (common-scripts.js:39) at HTMLAnchorElement.dispatch (jquery.js:5) at HTMLAnchorElement.v.handle (jquery.js:5)” the menu no longer works an idea to solve the problem?

i need to send attachment files can i know how to do it

thanks

Hi there,

great template you’ve made, thank you so much! One of the reasons I’ve chosen yours above other templates I’ve been looking at, is the “editable table” module, besides the nice lay-out.

I’m just wondering if there is a manual or a guide on how to use this function? It seems I can’t get it working myself. If I analyze the javascript-code at the bottom, it seems there should be a button with id=”export-btn” but can’t find this one. I added one myself, but if I try to “alert” some data when I click that button, nothing happens…

I know then how to send data to another script (like PHP) and store the edited data in the database, but how does the script know which data has been edited? I feel like I need to add like an unique id to every cell, passing that id to the script? Is that correct?

If this question has been asked and answered before, in one or the other forum, please don’t hesitate to just give me the link to that forum.

Thanks a lot beforehand for your assistance! Klaas

we have developed website with this theme but in smart phone browser for responsive table scrolling for the responsive table, div is not working. and not even in live preview of this theme for a responsive table in div. also providing link below http://thevectorlab.net/flatlab-4/responsive_table.html

Hi, Sorry for late reply. Actually this table is design like this. Horizontal scroll will appear on table so that user can swipe left and right to see the whole table.

Thanks

hi i have purchased this theme but I am facing one issue here in mobile phone for the responsive table scrolling is not working , event in current verion preview for responsive table scrolling is not working in mobile only flip option working. can you find out why this is happening and whats the solution for this

Hi, Sorry for late reply. Actually this table is design like this. Horizontal scroll will appear on table so that user can swipe left and right to see the whole table.

Thanks

Boxe Page error with top nav menus dropdown. Only in boxed Page

Examples in your demo template, themeforest

https://ibb.co/P5YWcKn https://ibb.co/BtjdmRR

Hi,

Sorry for late reply. Please follow the following steps to fix it quick.

step1 : https://monosnap.com/file/tZms93miLCPUDrckEYwTMiE6HLiOHF

step2: Paste the following css code into your style.css file .boxed-page .sidebar-toggle-box, .boxed-page .notify-row { margin-top: 10px; } .boxed-page a.logo { margin-top: 5px; } Thanks

I’m remove “overflow: hidden;”. The result is that then the main menu is not hidden when you select the icon in Boxed Layout always.

Images:

Without remove overflow: hidden;
https://ibb.co/q1g00j5

With remove overflow: hidden;
https://ibb.co/090HhVw

Thanks

Ops sorry for this inconvenience. Please check this screenshot instruction https://monosnap.com/file/CMSIIqojcmPWi9ZlZaGIyQrZb9ErV3

Hope solved your issue.

Thanks

Boxe Page error with top nav menus dropdown. Only in boxed Page

Examples in your demo template, themeforest

https://ibb.co/P5YWcKn https://ibb.co/BtjdmRR

Boxed Page error (boxed_page.html) with top nav menus dropdown. Only in boxed Page

Examples in your demo template, themeforest

https://ibb.co/P5YWcKn https://ibb.co/BtjdmRR

Hi,

Sorry for late reply. Please follow the following steps to fix it quick.

step1 : https://monosnap.com/file/tZms93miLCPUDrckEYwTMiE6HLiOHF

step2: Paste the following css code into your style.css file .boxed-page .sidebar-toggle-box, .boxed-page .notify-row { margin-top: 10px; } .boxed-page a.logo { margin-top: 5px; } Thanks

I’m remove “overflow: hidden;”. The result is that then the main menu is not hidden when you select the icon in Boxed Layout always.

Images:

Without remove overflow: hidden;

https://ibb.co/q1g00j5

With remove overflow: hidden;

https://ibb.co/090HhVw

Thanks

Ops sorry for this inconvenience. Please check this screenshot instruction https://monosnap.com/file/CMSIIqojcmPWi9ZlZaGIyQrZb9ErV3

Hope solved your issue.

Thanks

Hello, is it possible for a ‘li class=”sub-menu…’ button (left sidebar) to be awlays opened/expanded by default wihout being active (colored)?

Hi, The product is great. By the way, How can I make a multiple language website using the template?

Hi, my name is Pedro and I would like to use the chart of FlatLab. However, I do not know how to use them. Which function must I call to load my data? May I use a javascript function? Is the data a matrix of strings? Thank you in advance.

Hi, I am trying to use the webpage: chartjs.html. I have read https://github.com/nnnick/Chart.js/blob/master/LICENSE.md, however, I could not understand how to use my data to load a bar chart or another one. Thank you in advance.

Can you please check this chartjs documentation https://www.chartjs.org/docs/latest/

Hi, I used the example that you suggested in https://www.chartjs.org/docs/latest/. However, that example did not work when I paste it in chartjs.html. How can your graphs work in chartjs.html and the official example?

Hi, I have a problem with one of the forms – Wizard with Validation (the second one with steps). It looks good on the computer, but on the tablet or smartphone, it is cut. When I put the form fields in two columns, in responsive version it goes on one column and it doesn’t fit in. I found, that in jquery.steps.css file there is a minimum height for the .wizard > .content. How to make it auto height?

Hi, can you please send us your url so that we can get the reason of responsive issues. Unfortunately, the min height option comes from jquery.steps.css and this plugin don’t have an option to remove this height. So we would like to suggest you to adjust min height according to your needs.

Thanks

When I click on the Mobile Menu and select a menu item, the Mobile Menu remains there and there is no button to exit it until I refresh the page. Please how do I exit mobile menu after selecting an item. See screenshot below; https://drive.google.com/open?id=1w7xpJcaSlVYrT8_F0qXdqg40VkcWcn-R

Hi, Can you please update our latest version css file. Hope your problem will be solved. Please don’t forget to take a backup your current files. Thanks

Thank you

Do you have a REACTjs+BS4 version?

Hi, Unfortunately, we don’t have REACTjs version. Thanks

Hi Author,

For some reason, the theme runs fine on my server, but during my local development, it took forever load up any page.

Is there any solution to this?

Hi, can you please load your local file into localhost.

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