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

new admin layout is compatible with actual ? all functions,plugins,widgets… works fine on future layout upgrade?

thanks

Hi :),

Sure, all the actual functionality will be supported. Its just a new design for the admin theme. If currently you are using Metronic v3.x then the new design will be compatible with your version. However we suggest you to get updates with the upcoming version since its will include some global enhancements and bug fixes as well.

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

Thanks.

Hello.

I have a question before purchasing this theme. Is it right that with this theme, you can actually make you’r own commerce-system. I would like to offer my clients a commerce system. And i want it to be my own. Will this theme allow my customers to make an online shop?

Regards

Hi :),

Metronic is an abstract HTML theme(HTML, CSS, Javascript) but its not fully functional system. Basically Metronic provides you html templates that you can build your own system based on your project requirements.

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.

Hi keenthemes :-),

in Corporate Frontend the header is divided into two rows in resolution width from 1025 to 1205. It looks like this:

Is there a way to have it in one line?

Thank you for your excellent work.

Hi,

What is your device model and width ? Can you please double check it from our preview link http://keenthemes.com/preview/metronic/templates/frontend/ ? In the latest version we have set a breakpoint for 1024px so the menu transforms to responsive menu.

If you need any further clarifications can you please provide us a link to your developing site ?

Thanks.

Hi keenthemes,

I double checked that on the latest version of Corporate Frontend 3.1.3 across different web browsers (e.g. Chrome, Firefox, Safari).

As you said, at resolution >= 1024 px menu transforms from toggle to normal. But between resolution 1025 px – 1205 px the menu is splitted into two lines. Just try to resize a window of your browser and you will see something like this:

Thanks!

Hi :),

Please go to assets/frontend/css/style-responsive.css and disable below code:

@media (max-width: 1205px) and (min-width: 1025px)
.header .header-navigation {
display: block !important;
clear: both;
margin-top: -10px;
float: left !important;
}

If you need any further assistance please let us know.

Thanks.

hi can this be used for a wordpress site ? i mean to have metrics for that ?

i only have wordpress sites at this time . can i use this?

Hi :),

Metronic is not compatible with Wordpress. Metronic is an HTML theme mainly used to create a custom web applications from scratch.

If you need any further clarifications please let us know.

Thanks.

does that mean a website from scratch in html then ? That is possible? or could i use a HTML template.

Hi :),

If you are building a dynamic website or web application you will need to use a server side programming language (php, .net, jsp, etc) that generates the pages and contents from database using the HTML templates.

Thanks.

Hello! I’m having some problems when I have in the same page bootbox and bootstrap-modal. (I need the bootstrap-modal to load via ajax an edit form, and then use bootbox to give some messages to the user if there is an error or something, or a “Saved” one.).

The bootbox gets cutted both on right and left, see capture:

(It had to say “Guardado” and you only can see “ardado”)

I think that happens when I have bootstrap-modal.css in the page, if I remove that, the bootbox works ok. Also, it seems to work ok on a width of 980px or less.

Hi :),

Unfortunately these plugins have some conflicts when you use them in the same page. I would suggest you to use the bootstrap’s native modals instead. For more info please refer: getbootstrap.com/javascript/#modals

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

Thanks.

Hi

i’ve a problem with the collapsible menu on the left. before i have to say that i’m using codeigniter with your template so when the framework change URL (for example: site/index.php/welcome) the menu on the left, and others click or over action, doesn’t work.

do you know already the reason or have idea about the problem?

Thanks

now i think i resolve, but the landscape it’s all white

Hi :),

I would suggest you to double check the HTML markup of the menu and make sure the generated HTML code of the menu is same with the original html markup of the menu. If you missed any tag or class the output can be different.

Thanks.

Hi kt,

Can you implement datetimepicker-master this is very useful i think.

http://www.jqueryrain.com/2013/11/datetimepicker-jquery-plugin-select-date-time/

Hi again; The other question is :) Can i change width of dropdown-menu-list i want to change it.

Hi :),

Thanks for the suggested plugin. We will definitely consider including it in a future release.

Yes, you can change the dropdown-menu width. You just need to override it in custom.css file:

.my-dropdown.dropdown-menu {
   width: 250px;
}

In html you will need to use your custom class as shown below:

<ul class="my-dropdown dropdown-menu">
......
</ul>

I hope the above code will be helpful.

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

Thanks.

Hi, in sortable protlets , can you explain why empty sortable porlet required for each columns! ?

Hi :),

This is just a workaround for jQuery UI sortable plugin’s issue. Without that empty portlets in each column you can’t put a dragging portlet in the last last cell. You can try it by removing those empty portlets.

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.

Hi Team

Having a little trouble with SlimScroll inside a Portlet. I am initialising a div with a scroller class and including a style attribute with height: 500px as per the example below.

some long content

After the page has loaded, SlimScroll has been initiated correctly and works fine however height is always set to 150px.

Any ideas?

thanks

Hi :),

Is there any css code that overrides that height ? if you followed the working samples it should work without any issue. Please double check your code regarding any override in your code. If you need any further assistance please provide us a link to your developing page. We will need to check your working code in order to advise you further.

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

Thanks.

hello, brilliant theme. One question, how do I connect to live tweets in the footer of the front end themes?

Thanks

Hi :),

In the HTML template refer to below code and put your tweeter account parameters accordingly:

<!-- BEGIN TWITTER BLOCK --> 
          <div class="col-md-4 col-sm-6 pre-footer-col">
            <h2 class="margin-bottom-0">Latest Tweets</h2>
            <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="455411516829736961" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets by @keenthemes...</a>
          </div>
          <!-- END TWITTER BLOCK -->

In your tweet profile you will need to create a twitter widget. For more info please refer https://dev.twitter.com/discussions/20722.

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

Thanks.

I’m upgrading from 3.0.1 to 3.1.3 and I’m having an issue with the sidebar menu collapsing when clicking on a menu header to collapse it. Nothing happens. Expanding works fine.

Looking at the change log, it doesn’t appear that anything needs to be changed. Is there something that I’m missing?

I know it’s something in my code because I’ve tested with your template and it works. I just can’t find what is different and causing this issue.

Any help would be appreciated.

I started fresh with your template and it works. I’m not sure what the difference is, but you can delete or ignore this request.

Great! Good luck with your project!

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

Thanks.

Theme looks great but I’m a bit confused. Is this a CMS where pages can be created, edited and published?

Hi :),

Metronic is an abstract HTML theme but it is not functional CMS or admin pane. Metronic is mainly used to create a custom web application from scratch. Basically web applications contain of 2 layers:

1) Design and Frontend UI(in HTML, CSS, Javascript)

2) Actual system implementation from scratch 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 while the step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

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

Thanks.

How can I include Form Wizard in Corporate theme?

Thanks,

Hi :),

To use the bootstrap wizard plugin in the frontned theme please follow below instructions:

1) Include following global css files before the frontend’s layout.css file:

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

2) Then include the bootstrap form wizard plugin related JS files right after the core plugin includes in the bottom of the page:

<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/additional-methods.min.js"></script>
<script type="text/javascript" src="../../assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>

3) Then follow the form wizard html code from admin theme’s form_wizard.html template and the javascript initialization code from assets/admin/pages/scripts/form-wizard.js

For more info please refer to the plugin’s official doc here: http://github.com/VinceG/twitter-bootstrap-wizard

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

Thanks.

Thanks for your help. Fast as always :)

You are welcome! :)

hi i am thinking to purchase this template. Please let me know that can I use the dashboard with magento for client login?

Hi :),

Thanks for your interest in Metronic.

Metronic is an abstract HTML theme that can be used to build any custom web applications. Using it with Magento can be possible as loon as you are able to integrate custom html template in Magento. However Magento and other CMS integration is not provided by our support. For more info please check out our FAQ here: themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

Thanks.

Hello Dear, We are planning to buy this theme. One thing i wanna know is you guyz using SAAS or CSS?

Hi :),

We are using SCSS to generate the CSS files. Also you can use CSS directly as well.

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.

Hi; How can I update files from v2 to v3, a lot of files’ place were changed. Should I copy new assetss files and update all files address one by one?

Hi :),

Yes, in v3.x there were major changes in the code and file structure and you will need to integrate the latest version from scratch. You can put the assets folder in any level by changing all the paths to the assets folder in the html templates.

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.

hi. i using export to csv and pdf. but exported file font is now charecter. how to exported file font unicode ?

Hi :),

Can you try to add below charset meta code in the page’s head ?

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

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

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

Thanks.

Hi, Compliment for this template… I think is amazing. Just a question: have you ever thought to add a Subtabs in page ui_tabs_accordions_navs?

Thanks for reply to me

R.

I did it by myself…let me know If you need code to add to next release.

Hi :),

Great! Yes, you can send your enhancement to our support at support@keenthemes.com and we will consider including it in a future releases.

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

Thanks.

I am a bit new at Metronic theme. Can you please guide me where do I get the upgraded version of this theme. I don’t see any links towards it.

The “upgrade” sections simply tells on how to upgrade but not where to get upgraded files from?

Hi :),

To upgrade the theme you will need to download the latest version v3.1.3 from your themeforest account. If you have purchased the theme before you will be able to see a link to download the latest version under “Downloads” tab in your themeforest account.

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.

Hi,

I wonder if it is possible to use jquery slimScroll for the “Horizontal Scrollable Responsive Table” example at your demo page instead of the standard scrollbar?

template: table_responsive.html

At least in my case, using both Firefox and chrome, they both display the standard scrollbar. Also, when using Firefox “Responsive Design Mode” the toolbar turns into “slimScroll”, but when I exit this mode, it bounces back to the standard scrollbar.

I want to standardize my site to use “slimScroll” style for all resolutions and cases. Therefore, I want to solve this anomaly.

Your help is very much appreciated.

Regards.

Hi :),

Thanks for your feedback. Unfortunately the slimscroll does not support horizontal scrolling. We will check if there is any workaround for this.

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

Thanks.

Hi,

But the problem appears with the vertical scollbar too, just add [style=”height: 150px; overflow:auto;”] to the div containing the table in the “table_responsive.html” file, and you will see that the vertical scroll bar is using the standard style.

Image and video hosting by TinyPic

And you get the following with standard scrollbars:

Image and video hosting by TinyPic

Maybe, we need to add special code to handle the tables. I checked your code inside “layout.js” and “metronic.js” and I don’t think that there is special handling for tables.

Regards

Hi :),

Yes, in this sample standard scrollbar is used for both horizontal and vertical parts. However you can use the vertical slimscroll feature referring below code:

<div class="scroller" style="height:200px" data-rail-visible="1">
...
</div>

The above “scroller” is required since the slimscroll feature will be initialized for all elements with “scroller” class. For more samples you can check.

http://keenthemes/metronic/v3.1.4/metronic/templates/admin/portlet_general.html.

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