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 119,758 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12203 comments found.

Hello, i just downloaded the theme. I made a folder in my server called “build” so i can build out my admin panel there before making it like. I will be like www.Domain.com/build/

So my question is, what files and folders do i need to put into my build folder in order to make it the same as the demo? I am wanting the admin theme 2 for my new build. Thanks!

Hi :),

First you will need to put theme/assets folder in your application directory and you can crate your pages based on existing html templates. Also you will need to change the assets paths in your html code.

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 this html only version?

Hi :),

Yes, at the moment Metronic comes only with HTML version. The AngularJS versions is planned for the near future.

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

Thanks.

Hi :)

How can I change the word “select” in the select 2 dropdown please ?

Thanks in advance !

Hi :),

You can just attache data-placeholder attribute to the select element as shown below:

<select class="selectme" data-placeholder="select me...">
....
</select>

Or you can initialize it seperately via JS code:

$("#my_select").select2({
    placeholder: "Select a State",
    allowClear: true
});

For more info you can check http://ivaynberg.github.io/select2/

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

Thanks.

Ok, It works ! Thanks a lot for your amazing work ;)

Great! You are welcome! :)

Hi,

The content in the data tables is by default always sorted by the first column. However, we have a requirement where we want the default sort to be on the second column. Please let me know how can we do this. Thanks.

Hi :),

You can set it with “order” parameter as shown below. Just specify the column number and order direction:

 var grid = new Datatable();

 grid.init({
     src: $("#datatable_ajax"),
     onSuccess: function(grid) {
         // execute some code after table records loaded
     },
     onError: function(grid) {
         // execute some code on network or other general error  
     },
     loadingMessage: 'Loading...',
     dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options 
         "lengthMenu": [
             [10, 20, 50, 100, 150, -1],
             [10, 20, 50, 100, 150, "All"] // change per page values here
         ],
         "pageLength": 10, // default record count per page
         "ajax": {
             "url": "demo/table_ajax.php", // ajax source
         },
         "order": [
                 [2, "asc"]
         ] // set first column as a default sort by asc
     }
 });

For more info you can check the official documentation of the datatables plugin here: http://datatables.net/reference/index

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

Thanks.

I have another problem… jQuery validation in datatables inline form – I was able to make it work only on the first input in a row, no matter what I wrap my <form> with. What could I have been doing wrong? Metronic 3.3 Admin default Layout Thank you!

Sure, we will check it and reply you shortly. :)

Just wanted to thank your for great personal support with my problem! If anyone is fighting the same problem the solution is to give each form element a name tag – jquery validation plugin working correctly only in this case.

You are most welcome! Glad to help you out :)

i really tryed to understand and read all feautures on your page but didn’t understand. What admin panel gives me? why there are big amount of money? is it something lite http://unbounce.com/ ??? CMS is included and sales funnel included? or it works only when i use ecommerce in the theme?

not cms is there crm included?

Hi :),

Thanks for your interest in Metronic.

Yes, with Metronic you can build any web application. Basically Metronic is an HTML theme but it is not fully functional admin system or WP theme. 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. 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.

Hi, How can I set automatic sliding of “Recent Works” in frontend corporate firstpage?

Thanks

Hi :),

You should initialize the carousel with JS as shown below:

$('#myCarousel').carousel({
  interval: 2000
})

You can run the above code on page load so the carousel will be initialized with auto slide.

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, Thank you for this great theme. I wonder if this theme is compatible with angular JS because I tried to create an angular JS application that using this theme but a lot of theme functionality are not working The simple example is an empty page with a menu sidebar All java script functionality are not working.

Hi :),

At the moment Metronic is not compatible with AngularJS. But we are working on AngularJS version and hopefully we can release it really soon.

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

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

Thanks.

When next update coming…

what is Difference between normal ja and angular js.. which one is more faster and giver more performance

Hi :),

At the moment we can’t confirm any exact date for the next release. But we are doing our best to release it as soon as possible. About angularJS you can learn more here angularjs.org

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

Thanks.

Hey guys I need help I want to add a <input type=”file”> under “Advance Validation” form, I need help with the form-validation.js in order to upload the picture into my image folder. Thank you. And I love your work.

Hi :),

You can follow this to learn how to set file input validation:

http://jsfiddle.net/arunpjohny/8dAU8/

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 tq for the update, btw i want to ask, there are examples ‘content loading via ajax’ in admin 3 ?

thanks :)

Hi :),

The the moment the ajax content loading feature is not implemented for the admin3. But we will consider it in a future release.

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

Thanks.

At next version, can you change the user profile page and add company profile pages. Especially you can take linkedin company pages as sample. As user profile pages, there is so much samples around, like linkedin, twitter, google plus …

thanks, best regards.

Hi :),

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

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

Thanks.

Dear Sir,

<script src=”plugins/jquery-1.11.0.min.js” type=”text/javascript”></script> <!- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -> <script src=”plugins/bootstrap/js/bootstrap.min.js” type=”text/javascript”></script>

This script comes from ‘start.html’, but Jquery script is not in ‘plugins’ folder. All the roots for javascript are wrong.

Best Wishes,

Hi :),

start.html is not part of the theme. Its just a launcher page for actual themes. The actual themes are located in theme 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.

Hi

Amazing theme !! Is it possible to have two menu ? one on the side bar and one on the top bar ?

Like a mix between admin 1 and 2? Because i need a top menu for my site and a side menu for the actual page.

Thank :)

Hi :),

Thanks for the warm feedback!

At the moment this is not supported. But you can have some action dropdowns in the header of admin2 theme. Please check http://keenthemes.com/preview/metronic/theme/templates/admin2/ecommerce_index.html

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 guys, I want to tank you for your work.

The new update is great!

I spent almost 2 hours looking your new work! Man, here is 3:34 now! And i need to wake up in only few hours! Very impressive!

Tanks again!

Hi :),

Thanks for such a warm feedback on the new update. This is not the last one. More amazing features planned in the upcoming updates.

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

Thanks.

Hi, I just want to show ‘Purchased’. Congratunations to Metronic 3.3.

Hi :),

Thanks for the purchase. I hope you will enjoy working with Metronic.

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

Thanks.

Any details when Amcharts will be included? Was planned for 3.3 as I saw but did not make it into 3.3.

Thanks

Just a thought, if it is helpful ( I still don’t see a licensing issue, but if others have a different opinion then this could be a solution without anyone running into any (perceived) licensing “issues”): You might consider just to include the Metronic styling for Amcharts, some sample data and the description how/where/what Amcharts files to place where within the Metronic file structure, and then each interested user has to get Amcharts from the Amcharts website. Then you do not have to distribute any Amcharts files in your package, should that be a concern. The best would of course be if Amcharts could be delivered in full based on the non-commercial license. Hopefully that helps everyone !?

Yeah, i guess it will be OK if we properly put some notice for users on the licensing options. We will take a look at this further and hopefully we can release it soon.

that would be great :)

How can i download the Admin 1 Theme

Hi :),

Just login to your ThemeForest account and go to the “Downloads” tab to download the latest version of Metronic. The latst v3.3.0 includes 6 themes. Admin1, Admin 2, Admin 3 and 3 frontned themes. So you can use any of them for your project.

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, im having problem with ajax modals… trying this:

click to action

but doesn’t work… any solution?

ps: is there any other code that must be inserted at the table or before it? because i’ve just copy the above from the modals default page.

thanks and again, congrats for the theme

Hi :),

Are you referring to this page http://keenthemes.com/preview/metronic/theme/templates/admin/ui_modals.html ? We need a link to your page so we can inspect your code and advise you further. Any further details you can send to our support at support@keenthemes.com

For more info you can also refer to the bootstrap modals documentation here http://getbootstrap.com/javascript/#modals.

Thanks.

How can I customize theme css means if I want to change padding of some class like .form-group or I want to change height of textboxes in such a way that impact should be similar in whole template.

Hi :),

To customize the theme components globally you should modify the sass files(sass/global/components/_form.scss). To work with SASS files you can refer to the doc in “documentation/admin/index.html”. Also you can check sass-lang.com to get started with SASS.

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.

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