Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 120,110 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12220 comments found.

Hi, When i purchase this template do i get HTML files only or the whole package? Also is the theme’s latest version IE8 compatible if i make the changes in the Layout.

Thanks In Advance

Hi :),

Yes, you will get all the source code and features that seen in the demo site. The IE8 compatibility is provided only for the existing feature as much as possible(some 3rd party plugins do not have IE8 support) and if you modify or add a new feature then you will need to make it compatible with IE8.

If you need any further clarifications please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Is it planned to implement “Height Sizing” (class *input-sm”) for radio option elements?

Thanks

Hi :),

Thanks for the suggestion. Providing more customized radio/checkbox options will be great. Let us check it further and consider it in a future release.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I would like to keep the dashboard icons in display even when going below 991px in width so the icons can be viewed in portrait mode in Ipad without the need to show the toggler in the header top right side. How would I go about setting this up?

Thank you,

Tonyxt1

Hi :),

You have 2 options to achieve this:

1) CSS:

Please go to assets/admin/layout/css/layout.css and assets/admin/layout/css/themes/default.css and change all them media query’s width from 992px to 900px and from 991px to 898px.

2) SASS

Please go to sass/global/_variables.scss and change ”$screen-md-min: 992px !default;” variable to ”$screen-md-min: 991px !default;” and compile the layout.scss and themes/default.scss files to recompile the related css files in assets/admin/css/ folder.

If you need any further clarifications please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I tried option 1 above (I’m not working with prepossessors) it did not work. Again, I want to do is have the collapsed sidebar icons being visible in Ipad (tablets in general) in “portrait” mode/orientation. If you view the page in IPad “landscape” orientation the collapsed sidebar icons are display fine but, if you switch the devise to portrait orientation you get the “toggler” icon to the top to access the sidebar links.

Thank you

Hi :),

You can try to adjust the breakpoints width (900px and 899px -> 768px and 767px). However after you changing the responsive settings you will need to use closed sidebar by default since the content part needs more room.

Thanks.

Hi,

For future releases, you should consider also Diagrams (organizational chart, network diagrams, flowchart, etc).

Here is a good plugin (sure there are many others:

http://jsplumbtoolkit.com/demo/home/jquery.html

Keep up the good work !

Hi :),

Thanks for your suggestion. We will check it further and definitely consider it in a future release.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

The menu-toggler appears in the header in all browsers – except Chrome. In Chrome, the toggler visually appears to be inside the left menu, so users can’t see the toggler button well in this browser. see this example: http://postimg.org/image/g81oi28n1/

Hi :),

Thanks for your feedback. This issue appeared in the latest chrome 26.x version. We will provide the fix for chrome bugs and some new features in the next update v3.1.3 in a few days.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi keenthemes, thanks for this great theme ;-) I got a question. Is it possible to “ajaxify” a mega menu? I tried in the same way I did on the sidebar menu but didn’t work. And if so, how? Thanks in advance. Hernan.

Thanks for the quick response. Just to clarify, “by ajaxify a mega menu” I meant to load content via ajax into the main div container from a mega menu, but didn’t mean to load the mega menu via ajax which I interpreted from you answer. Is that what you meant?

Hi :),

Yes, at the moment the ajax content loading is implemented only for the sidebar menu. For the mega menu we will implement it in a future release as it needs some major coding changes.

If you need any further clarifications please let us know.

Thanks.

thanks. totally clear!. Best, Hernan.

Hi, I have a pre-purchase question, Is this template made in HTML5 and is this responsive?

Thanks, manan

Hi :)

Yes, Metronic is a responsive HTML5 theme based on Bootstrap framework. For more info you can check the theme details here: https://bit.ly/MetronicTheme.

For any further info you can contact our support at support@keenthemes.com

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I tried even linking to the cdn files for bootstrap and font-awesome still the font-awesome icons don’t display

Hi :),

If my previous advise did not work for you then can you please provide us with a link too your page where we can check your developing site by inspecting its code. You can send any further details to your support at support@keenthemes.com

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I had to change directory structure for font-awesome due to our dev enviroment (I have done this many times before with other templates and never had a problem), I checked the path many many times but, it’s not working. Any known issues with the latest version and font-awesome?

Hi :),

In the latest firefox “security.fileuri.strict_origin_policy” by default set to “true”. Thats why firefox couldn’t found the file font icon files(e.g: fontawesome) since browser doesn’t support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello,

There is intention to use or migrate divs elements in use today for HTML5 elements? For example elements sessions.

Following examples: https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_list

Hi :),

Thanks for the suggestion. We are considering this already and hopefully we will release it in a future release

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello,

I recently bought this metronic theme and I would like to know if there is a way for having some of the fields in a form to be inline.

For example, I have 5 select elements in that form that I want to display inline. Is there a css class I could use for me to be able to achieve that?

Another question is that the following checkbox element doesn’t display correctly, it goes out of the portlet (to the left). Even after applying css, it starts showing the tab out of the portlet first then takes the css in effect, how to fix this? <div class="form-group"> <div class="checkbox"> <label><input type="checkbox" checked> A checkbox </label> </div> </div>

You can see an example of it (Remember Me checkbox) at Form Stuff > Form Controls > Horizontal Form With Icons from the admin panel of the the live demo of your team.

Thanks.

Hi :),

Yes, sure you can have inline form controls as demonstrated here: http://keenthemes.com/preview/metronic/templates/admin/form_controls.html. Refer to “Horizontal Form, Inline Help”. Also you can check “Inline Checkboxes” there.

If you need any further assistance please let us know.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

this template has a front and a back end – does that mean you can modify the front with the back end – which I never managed to do with simpla admin (which I purchased)

Hi :),

Those frontend and backend templates are not fully functional. Metronic provides you just html templates without actual functionality. The actual implementation is responsibility of buyer. Basically web applications contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

I never managed to work with an admin template. Do you have a VIDEO documentation to show how to work with an admin template?

Hi :),

You can check all the available videos made by the community here: https://www.youtube.com/results?search_query=metronic+theme Basically to work with Metronic you will need some web development knowledge since Metronic is an HTML theme only and its not fully functional application. The actual application implementation is responsibility of buyers according to their project requirements.

If you need any further clarification you can contact our support at support@keenthemes.com

Thanks.

Wondering if anyone has converted Metronic to a Drupal theme/subtheme (e.g. subtheme of Kalatheme)?

Any tips you can share?

Thanks in advance.

Hi guys, awesome template. I’m using Managed Table #1. (with the checkboxes on the rows). I’m trying to use the Hide/Show columns as well.

I added this code to the bottom of my table-managed.js: /* handle show/hide columns*/ $('input[type="checkbox"]', tableColumnToggler).change(function () { /* Get the DataTables object again - this is not a recreation, just a get of the object */ var iCol = parseInt($(this).attr("data-column")); var bVis = oTable.fnSettings().aoColumns[iCol].bVisible; oTable.fnSetColumnVis(iCol, (bVis ? false : true));

I then added this to the top of table “sample_1” <div class="actions"> <div class="btn-group"> <a class="btn default" href="#" data-toggle="dropdown"> Columns <i class="fa fa-angle-down" /> </a> <div id="sample_1_column_toggler" class="dropdown-menu hold-on-click dropdown-checkboxes pull-right"> <label><input type="checkbox" checked data-column="0">Username</label> <label><input type="checkbox" checked data-column="1">Email</label> <label><input type="checkbox" checked data-column="2">Points</label> <label><input type="checkbox" checked data-column="3">Joined</label> <label><input type="checkbox" checked data-column="4">Status</label> </div> </div> </div>

Unfortunately, when I click the boxes to hide or show a column, nothing happens. I’m probably missing something simple. Any ideas?

Hi :),

Please double check your code(referring to the working samples) and make sure the code and related element IDs are consistent. Also you should debug your for JS errors. For more info on debugging pages please refer below:

https://developer.mozilla.org/en/docs/Debugging_JavaScript https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

If you need any further assistance please deploy your developing site somewhere online so we can check your working site and it code then advise you further. You can send any further details to our support at support@keenthemes.com

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hello, please check the following file: plugins.css

Line 1918: border-color = #F3565D breaks has-error class (color: #A94442)

Hi :),

Thanks for your feedback. We will check it further and fix it in the next update v3.1.3 which we are planning to release in a few days.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Could you please update the revolution slider included in the theme ? It doesn’t work anymore with the latest version of Google Chrome (36), the plugin has been updated to fix this bug in their latest version (4.5.95).

Thank you very much

Hi :)

Sure, we will provide the update in the next v3.1.3 which we where are planning to release in a few days.

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

I really like the drag and drop with the nestable lists.

Can this be used in the left hand sidebar? I know that almost anything is possible with some extra code, I’m just wondering if this is a native thing that’s supported, or if it would require any extensive extra coding to make it possible.

I have a programmer but they’re off for a couple days so thought I would ask you before I purchase.

Hi :),

This is feature is not supported for the left sidebar. But your developer should be able to implement it according to your project requirements.

If you need any further clarifications please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Unzipped the files and appeared the following error check using the link: http://prntscr.com/4690hk

Hi :),

The purchase package was verified and it should not have any unpacking issue. I would suggest you to redownload the theme and retry again. If the issue still persists then try to use winrar or 7zip http://www.7-zip.org/ to unpack the package.

If you need any further assistance please contact our support at support@keenthemes.com.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Just came across New Dashboard #1 & #2 in your theme demo. I purchased the theme 2 weeks ago and the files index_2.html & index_3.html don’t seem to be there. I’m looking in templates > admin. I can’t seem to find any reference to .portlet.light.bg-inverse either. Am I looking in the wrong place or did I miss out on these styles?

Ciarán

Hi :),

These new features were introduced in the latest v3.1.2 update. To use them please update your assets folder and follow the new HTML code samples.

If you need any further assistance please let us know

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

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