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,084 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.

I get some really weird results when trying to add this example to the templates:

http://jsfiddle.net/dave_wilton/a3gyq/5/

1. Draggable dialogs only drag on one axis at a time. 2. The dialog gets an odd box around it.

I like the effect in the example but can’t get it working with the Metronic skin. Any ideas?

By the way… MOSTLY AWESOME!

Hi :),

Please just try to use below JS code only:

$("#my-modal").draggable({
      handle: ".modal-header" 
  });

No need to apply any CSS for this in Metronic.

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Can this Template (by-itself) operate as a stand-alone site, or is it a requirement to have a Theme installed that this Template co-operates with?

Hi,

Thanks for your interest in Metronic.

Please note, Metronic is not ready to use admin panel. Its only a theme that can be used to develop a custom admin panels and sites from scratch. Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model).

So it depends on you, how you will develop your product. It can be theme for any CMS or you can build your own back-end or front-end.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks you

Thank you!!

You are welcome :)

How can I change the style for front corporate theme, because when I have a fixed top menu and I open a modal, it should appear above menu.

Thanks,

Hi,

By right it should work as you mention. Or could you please give us more details? And would be great if you can provide a link to the page where you facing this issue.

FYI: styles for front-end corporate you can find at theme/assets/frontend/layout/css

You also can contact our support at support@keenthemes.com

Thank you.

I have a few questions, thanks ahead of time for your response.

1) Since the Envato comment system doesn’t allow purchasers to answer questions, have you considered a private forum for purchasers to post helpful information to each other? For instance, the question directly above about an example for the Ajax Datatable might yield fruit from one of us.

2) Have any purchasers posted new theme color schemes? If so, where can I find them? (I use Admin 2)

3) Do you have a web tool to build new theme color schemes? If not, have you considered a “blank” color scheme with instructions on how to fill it out?

I also wanted to thank you for the array of options you provide that came with the theme, be they colors, menu style options etc.

In my unreleased build I decided to give my users several of those options through a Site Configuration menu that is stored in sql. So they can decide how they want the site to work for them.

My test users have all loved the idea. Hopefully this will inspire you to include more “fun” features and also inspire some of the other developers who read the comments here.

Hi,

1. Agree, forum & knowledgebase would be useful for our huge community. And now we are developing our website, hope it will be out soon.

2. Not yet, but hope community will share to each other their enhancement on upcoming forum.

3. For color schemes you can refer to “themes” folder under each layout’s css. There you can find options like default.css, grey.css, darkblue.css etc. Just copy one of these files and customize it regarding your color scheme. Then don’t forget to include a new css into head part of your page or header template.

Thanks much for a warm words. Yeah, more features are coming soon. Stay tuned to a new updates.

And don’t forget to follow us at http://twitter.com/keenthemes to stay updated on Metronic’s new releases ;)

Thank you.

Hello. Do you have any examples on how, using the Ajax DataTable example, to also make each row have Expandable details, like the demo “Responsive Table with Expandable Details”?

Thank you.

Hi :),

At the moment we don’t have this examples. To implement this feature you can reuse the code from “Responsive Table with Expandable Details” where you can retrieve the sub table details from ajax source. If you need any further clarification you can contact our support at support@keenthemes.com

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

Thanks.

Good evening and congratulations for this first great work!

I would like to add to my page frontend all syles , widgets and admin features.

Is this possible ? I feel that it is not the same css and js .

Thank you for your help.

Hi :),

Yes, you can refer to the below demo page where admin features are included: http://www.keenthemes.com/preview/metronic/theme/templates/frontend/feature-buttons.html

In the HTML code you can see that 2 global css files are included in order to support the admin features:

  <link href="../../assets/global/css/components.css" rel="stylesheet">
  <link href="../../assets/global/css/plugins.css" rel="stylesheet">

Also main js file is included and initialized to activate the base theme functions.

    <script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>

Moving forward you can include js and css files of any plugin from the admin themes. Just refer to the admin theme pages and include required assets in the frontend theme.

I hope the above info will be helpful.

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

Thanks.

Helo. May i know how to used this template? Can i used this template for this http://themeforest.net/item/porto-responsive-html5-template/4106987 ?

or maybe u have link to explain how to used this admin template. thanks :)

Hi :),

Thanks for your interest in Metronic.

Metronic is not ready to use admin panel. Its only a theme that can be used to develop a custom admin panels and sites from scratch. Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems 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. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

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

Thanks.

Still no big update

Hi, I need some help with a problem when alternating the sidebar mode option between fixed and default. After changes the sidebar mode to fixed and then to default again, the menu will be broken on hover state, if the sidebar is closed.

The bug can be reproced as below:

1) Access fluid page (layout_fluid_page.html) at Metronic preview site 2) Change SideBar Mode to “fixed” 3) Change SideBar Mode to “default” again 4) Close the sidebar and put the pointer over sidebar

Result: The sidebar is now broken.

Thanks!

Hi :)

Thanks for reporting this issue. We will fix it asap. In the main time can you email our support regarding this and we will update you once the fix is available.

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

Thanks.

Hello, I need to fix the sidebar menu as ” class = page-header-fixed-mobile page-sidebar-menu page-sidebar-menu-closed”

I mean at full screen full menu items and in middle screen all menus toggled to left side screen and shown as just icons and I want to fix this menu type for all kind of devices.

When I view the page from mobile devices it becomes just a menu toggle icon (class=”menu-toggler responsive-toggler”)

I want to fix the menu as in middle screen type for mobile devices also.

Forget my message above; I just want to use the menu type in mobile devices, when I click “sidebar-toggler”. Thats it I want to use this menu style on mobile devices.

Edited Css but other elements broken.. So I need your help.

Thank you

Hi :),

Can you please contact our support via support@keenthemes.com and provide your license info as we did not see “purchased” badge for your username. Along with your license info you should provide more details for your issue so our support van assist you further.

Thanks.

I would like to know how i can change the static pagination from shop page (product list) to dynamic pagination using MVC c#.

Example:
<!-- BEGIN PRODUCT LIST -->
<div class="row product-list">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="product-item">
Product...
</div>
</div>
</div>
<!-- END PRODUCT LIST -->
<!-- BEGIN PAGINATOR -->
<div class="row">
<div class="col-md-8 col-sm-8">
<ul class="pagination pull-right">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
</div>
</div>
<!-- END PAGINATOR -->

What I need to change or use?

Thanks

Hi :),

This is a server side implementation and our support is limited here. Basically you will need to use your server side language to manipulate with the HTML code and display the result retrieved from your database.

Thanks.

Hi guys,

Request: can you please theme up Highcharts?

Thanks.

Hi :),

Thanks for your suggestion. We will check it and definitely consider in a future releases. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Where can I find the UI for the chat window? I’ve looked around but can’t find it. I have the latest version.

Hi :),

The chat UI is available only as a portlet widget and a part of the quick sidebar panel. Also you can check the task UI which can be adapted for messaging/chat UI: http://www.keenthemes.com/preview/metronic/theme/templates/admin/page_todo.html

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

Thanks.

Hi your theme is great however I have noticed that you have not styled the modal window for TableTools “COPY”, when clicked by the user even in your online sample, the div opens at the bottom of the page and does not modal over anything so basically the user doesn’t see it happening. can you please fix this the div has the class “DTTT_Print_Info”

Hi :),

Thanks for your feedback. Thanks for reporting this issue. We will check it further and improve it in a future releases.

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

Thanks.

thats a pretty poor response it makes the feature unusable and technically its a bug fix it please or post the fix as a comment.

Hi :),

Sure, in the main time you can add below code in your custom.css:

.DTTT_Print_Info {
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  background: #eee;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
}

.DTTT_Print_Info > h6 {
  font-size: 16px;
  font-weight: 400;
}

If you need any further assistance please let us know.

Thanks.

Looks like a great admin theme! Maybe a stupid question, but can I use this as a fronted in a Openstack project

Hi :),

Metronic is an abstract HTML theme and its not compatible with Openstack. But you can use it with any backend language as HTML templates. If you need any further clarifications please let us know.

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

Thanks.

Hi Guys! Short question: after updating to the latest version of metronic, koala creates an error depending on a missing .scss-file: “uniform._base.scss”

Full Error Message:
Error: File to import not found or unreadable: ../../_base/css/uniform._base.scss

I re-downloaded the theme = same result. Is there anything that was done stupid by me? Thanks so far :)

Hi :),

Are you compiling only the master SASS files ? All files starting with ”_” underscore are include files which are not intended to be compiled directly. Please refer to the documentation under “_documentation/admin/index.html” and double check SASS section. If you need any further clarifications can you please send us your “sass” folder to our support at support@keenthemes.com

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

Thanks.

When you guys release an update to the template, how do we update our versions? In order to use this template we have to take it all apart and select the features and pages we want. What is the best practise for staying up to date? I have purchased already but not on this envato acct. Thanks.

Hi :),

You can replace the assets folder and merge back your own changes(if any). Also referring to the changelog for each update you can find out which HTML files you will need to update. However the update process for HTML themes is manual so you will need to separate your own changes in custom.css for easier update in the future. If you need any further assistance you can also contact our support via support@keenthemes.com

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

Thanks.

How do I set the number of decimal points? On your example you have 2 decimal points but I cannot figure out how can I do it 1,2 or 10.

Hi :),

Which plugin are you referring ? Could you please contact our support at support@keenthemes.com and provide more details for your issue ? Also please provide us your purchased license code as here we did not see “purchased” badge for your username. Please now our support is provided only for buyers with valid purchase code.

Thanks.

I purchased as dinko1 sorry i have 2 accounts. And I was referring to SpinEdit but I found a workaround already

Noted. Glad to heat that :) Good luck with your project!

I have a question regarding the portlets – I see that they can be “deleted”, refreshed, draggable etc but what I am needing is a way to have all available portlets shown in a place so that they can be added back into the dashboard if the admin/user wanted to “customize” the dashboard. Is that something you can offer a suggestion on or provide an example of how it could be done?

Hi :),

Thanks for your feedback. This kind of example is not available in Metronic. You can implement it through a modal window where all available portlets will be listed and user can select(check) required portlets and click apply button to add them to the dashboard.

Thanks.

Hi,

How can I implement Google Maps on AngularJS version?

Thank you.

Hi :),

You can still use any jquery plugin in the AngularJS version. You can refer to the HTML version of the google maps demos here: http://www.keenthemes.com/preview/metronic/theme/templates/admin/maps_google.html and reuse them in the AngularJS version as explained here http://www.keenthemes.com/preview/metronic/theme/templates/admin/angularjs/#/form-tools.

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