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,108 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

www.keenthemes.com/preview/metronic/theme/templates/admin/portlet_general.html

in the first portlet box with blue-hoki color, i would like to add some functionality when i click the button Edit i would like to collapse and when i click the button Add i would like to expand In the forum you have already written this solution $(”#my_portlet .collapse”).click();

i did this but nothing happens, please help me

Hi :),

This solution works if collapse/expand icon is used in the portlet header tools. If you just need to collapse/expand the portlet body you can use below code:

var portletBody = $(’#my_portlet .portlet-body’);

portletBody.slideUp(200); // close
portletBody.slideDown(200); // open

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,

Any chance you could share css code to be able to use the Font Awesome icons in the sidebar? :)

Thanks

Hi :),

Do you want to use fontawesome icons in the sidebar menu ? if so please refer this template:

http://keenthemes.com/preview/metronic/theme/templates/admin/layout_fontawesome_icons.html

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

Thanks.

Hi, its me again. i’m wondering can i set checkboxes in datatables only one checked in reverse with check all ?

Hi :),

Please try below code:

$('#datatable_ajax').on('click', 'tbody td', function() {               
                   $('#datatable_ajax tbody td input[type=checkbox]').attr("checked", false); // uncheck all checkboxes
                   $(this).find("input[type=checkbox]").attr("checked", true); // check this one only
                   $.uniform.update($('#datatable_ajax tbody td input[type=checkbox]')); // update UI for all checkboxes after actual state change
           });

Please note “datatable_ajax” is the ID of your table.

If you need any further assistance please let us know.

Thanks.

Thanks, this is what i looking for….

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

It’s sad you changed the whole directory structure. By wanting to give us more, you made this a pain to update. I just don’t get why you keep adding more stuff in here (e.g. admin2, font end, ecommerce). Why not create a new product and sell it as it’s different from what we all bought initially ?

All css and js have to be updated manually… this really sucks.

Don’t get me wrong: what I bought is great. The evolution of the product is not so great for developers who want to update their code.

Hi :),

Thanks for your feedback. We really appreciate it.

Since v3.x we changed the file structure in order to support multi theme feature. This may seem difficult but actually you just need to change the assets path in the html templates. Also you can move the assets folder anywhere(to the same level with your pages). The most important thing is to keep the assets folder contents integrate no matter where you place it. I would suggest you to recheck the new update and i believe you will see that its not that difficult. If you keep the sidebar, header, footer and content centralized(as modular chunks think of: sidebar.php, header.php that included in all pages) then the update process would not be that hard. When an update is released you will need to replace the assets folder and cross check the HTML code for the repeating parts(header, footer, etc) and if needed you just update it in your application code. Most of the time the content part(all the plugins, demo pages, ect) remain unchanged if there is no real need.

We tend to make Metronic more functional and multipurpose. So far we don’t see any limit which makes us to stop extending Metronic and creating new products. We believe that having one framework and more uniquely designed layout options give developers more benefits like if a developer used Metronic for one of his projects then he can use the same experience for next projects but with different uniquely designed layout. And of course you can always remove other sub themes if you don’t really use them since the sub themes(admin1, admin2, frontend, etc) does not have any dependency on each other.

However we understand that we need to make the update process more easier and make the documentation more detailed. We take this commitment seriously and we provide more improvements in this direction in the future.

Thanks.

Thank you for your fast answer. I am updating everything as of now!

Creating more sub-products would be more lucrative and would enable you to develop faster and, IMHO, avoid confusion in all those files. It would also reduce the size of the downloads! I just don’t get what you get from giving all this stuff for free (more code, more bugs, more support… but less revenue!). The work you did has a value wayyyyyyyyy over the $27 paid. You may want to think again! ;-)

Thanks! :-)

Hi :),

You are welcome. And thanks for your suggestion. We will consider it in the future. I hope you will manage to update it successfully. If you need any assistance you can ask our support at support@keenthemes.com

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

Thanks.

Hi. Sorry if this has been asked before but there are too many posts to go through to try find it! Does the multiple upload section actually upload images and does it insert data into a database? Thanks.

Hi :),

The multiple file upload feature is based on jQuery File Upload plugin from https://github.com/blueimp/jquery-file-upload. It uploads the files to a directory in web server. You can check its documentation to learn more.

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 :) Loving the new theme in 3.2 but… where is the “quick sidebar” (the one that appears on the right side)??? Can’t update without that feature.

Hi :),

At the moment this feature is not available for admin2. But we will include it in a future release.

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

Thanks.

Hi How easy is to to customize it ?will that be easy to remove component without breaking theme like some complex jquery etc. i to not want to provide my client somthing i do not understand so all i need basic jquery features (bootstrap popup/pop over drop down, accordion etc) but nothing complex that i can’t explain to client how i did it.

Thanks Rahul

Hi :),

You can check below starter page with minimum required js and css files:

http://keenthemes.com/preview/metronic/theme/templates/admin/layout_blank_page.html

If you check the theme’s documentation(documentation/admin) you can get a full list of used plugins and resources. Each asset has a reference link to documentation so you can get further info.

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.

Thanks for quick response . Just bought it i will contact you for customization help if needed :)

Thanks

Sure, Good luck with your project! :)

Is it possible to get a boxed page-header with metronic 1 layout?

Hi :),

You can get full boxed layout including header, content and footer.

You can check it here: http://keenthemes.com/preview/metronic/theme/templates/admin/layout_boxed_page.html

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, This version is really good,, with tasks and todo, expecting more in upcoming version.

I have programmed the admin template for almost all types of projects. Its really good.

I have almost an admin area programmed with me, any scope for selling this in Keenthemes ?

Hi :),

Regarding this you can write to our support at support@keenthemes.com

Thanks.

ok, thanks, will write to this email.

Hi there! Congratulations on such a wonderful template.

I’m working on a project and i’m using validation with icons on a form inside a modal window, how can i reset the states of the inputs when the modal window hides?

I have this:

var perfil = $(’#perfil’); var error = $(’.alert-danger’, perfil); var success = $(’.alert-success’, perfil);

var perfil_validate = perfil.validate({ ... });

$(”#form”).on(‘hidden.bs.modal’, function(){ error.hide(); success.hide(); perfil_validate.resetForm(); });

Thanks in advance.

Hi :),

You can use below code to completely reset the form:

// reset form itself
perfil[0].reset();

// reset inputs
$('.form-group', perfil).removeClass("has-success").removeClass('has-error'); // set error class to the control group  

// reset icons
$('.input-icon > i', perfil).
      removeClass('fa-check').
      removeClass("fa-warning").
      removeAttr("data-original-title").
      tooltip('destroy');

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.

Thanks, worked like a charm!

Great! You are welcome! :)

Hi KeenThemes, how can i change the opacity of the slimScrollBar in the new ToDo Page?

Hi :),

To change its opacity you can apply below css code in the custom.css:

.todo-content .slimScrollBar {
     opacity: 0.7;
     filter: alpha(opacity=70);
}

Also you can change its color through data-handle-color=”#dae3e7” attribute.

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.

Thank you very much for the reply! =D

You are welcome! :)

Hello,

I have two questions: 1. How to make Mega Menu shows menu when mouse hover? Currently, I have to click the menu item to show each menu item.

2. How to make left side bar be fixed? (not scrolling down). layout_horizontal_menu2.html

Thanks

Hi :),

1) You just need to change below:

<a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
    Mega <i class="fa fa-angle-down" />
</a>

to:

<a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">
    Mega <i class="fa fa-angle-down" />
</a>

2) This feature is not available at the moment. But we will consider implementing it in a future releases.

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.

How to set delay for menu disappear when mouse out?

Hi :),

You can use data-delay=”1000” in millioseconds to set delay.

For more info please check the plugin’s official doc here: http://cameronspear.com/demos/bootstrap-hover-dropdown/

Thanks.

hi! awesome template..

how can i use Jquery.validate on a modal, and when all the validation is ok, send the data to the server and next wait to the response to close the modal…. i cannot make this work.. please help me

Hi :),

Can you check out this related discussion http://stackoverflow.com/questions/15436794/jquery-validate-within-a-twitter-bootstrap-modal-with-php ?

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.

thank you for the reply…. I already fixed the issue and is working like a charm… :D

Great :) You are welcome! :)

im using 3.1 version now…so what should i do to migrate from 3.1 version to your new 3.2 version?

Hi :),

Just replace the assets folder with the one from v3.2 and use slightly change the sidebar’s html code if you want to use sidebar menu category separator.

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

Love this template! I use it on my site: Limo Software

Hi :),

Thanks for your feedback. We checked some of the screenshots of your applications. Looks great!

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

Thanks.

Hi :) how do I make the layout of the new admin fluid through out and not boxed?

Hi :),

You can refer to this template http://www.keenthemes.com/preview/metronic/theme/templates/admin2/layout_fluid_page.html The fluid layout slightly differs from the boxed layout. Just use the above template as base.

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

thanks, Absolutely beautiful design, eagerly awaiting V3.3

Thanks. Sure, we are doing our best to release it really soon :) Stay tuned!

Hello,

Thanks for this awesome theme!

We have started migrating from 1.5 to 3.2 :)

Can you please tell me how to make fluid layout by default in admin2 template?

I tried changing the body class as page-sidebar-closed-hide-logo page-container-bg-solid page-sidebar-closed-hide-logo page-header-fixed

But this is not working properly, looks like the some div structure changes when I change the layout with the theme panel.

Please suggest me a way to make fluid as the default layout.

Hi :),

You are welcome. Glad that you are upgrading to the latest version.

You can refer to this template http://www.keenthemes.com/preview/metronic/theme/templates/admin2/layout_fluid_page.html

The fluid layout slightly differs from the boxed layout. Just use the above template as base.

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

OK, Can point me to the js file where the layout panel implementation is done, so that I can pick up the changes to be done to make the dashboard page fluid.

I would like to make the dashboard page (index.html) to be default fluid rather than adding the dashboard content to a new fluid page.

Hi :),

To make the page fluid please follow below steps:

1) Remove “page-boxed” class from the body element 2) Remove “container” class from “header-inner” DIV 3) Remove the outer “container” DIV of the “page-container” and “page-footer” DIV. Just put them without the outer container DIV.

That’s it. No JS code modification needed. All in HTML level.

Thanks.

add css .hold-on-click in dropdown menu. All link #modal inside dropdown menu will not work when click.

Hi :),

This class is used for form input like checkbox list, radio button and input controls. If you use link then you should not use this class.

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 activate the header fixed to all pages at corporate frontend (version 3.2 of metronic)

Hi :),

You just need to uncomment below lines in the bottom of your pages:

//Layout.initFixHeaderWithPreHeader(); 
//Layout.initNavScrolling();

If you need any further assistance please let us know.

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

Thanks.

Thanks for the quick responce. No such code at the bottom of the page to uncomment, you have to copy and paste it from the index-header-fix.html. No big thing , working …but keep notice for the next update.

if there is no such code you just need to add it :)

Hi KeenThemes, when is the 3.3 release out ?

Hi :),

Currently we are working hard on v3.3 and we are planning to release it in a few weeks. More clear ETA will be announced soon.

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