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

keenthemes supports this item

Supported

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

12220 comments found.

hi i found a bug in daterange picker , im selecting 20 aug as my “from” date , while im able to select a date below 20 aug as my “to” date. I want it to handle it automaticlly such that the “to’ date cant be chosen below the “from” date . Kindly help!! please find the image below:

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback.

Validation of the start date is not implemented in the plugin. But you can use a workaround explained here: http://stackoverflow.com/questions/11933173/how-to-restrict-the-selectable-date-ranges-in-bootstrap-datepicker

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

Thanks.

ntroxx Purchased

almost 12 years ago

Hi when I update new version my main slider it not working I don’t know why?

keenthemes Author

almost 12 years ago

Hi ,

Please include following extra file which is required by the latest revo slider:

    <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>

Also update the slider’s html code with the one from v3.1.3.

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.

cookie053177 Purchased

almost 12 years ago

HI,

When I insert CKeditor inside the modal box, some options were unavailable ( I guess because it is covered under, when I close the modal box the ckeditor box is under it), not working well, how do you solve this issue?

keenthemes Author

almost 12 years ago

Hi ,

You can check related discussion here: http://stackoverflow.com/questions/22637455/how-to-use-ckeditor-in-a-bootstrap-modal http://ckeditor.com/forums/Support/Issue-with-Twitter-Bootstrap

Thanks.

DarwinThemes

almost 12 years ago

Good job guys!

keenthemes Author

almost 12 years ago

Thanks

prafullkatiyar Purchased

almost 12 years ago

While working on the inbox; compose mail page. I need the functionality of auto complete in TO input box. Please help me out with this.

Thanks in advance Regards

keenthemes Author

almost 12 years ago

Hi ,

At the moment this feature is not implemented. But you can implement it with Select2 tags. You can check the select2 samples here: keenthemes.com/preview/metronic/templates/admin/components_dropdowns.html

Thanks.

mahirc Purchased

almost 12 years ago

Hi kt;

When i want to try portlets with scroller on ie version 10 “http://www.keenthemes.com/preview/metronic/templates/admin/portlet_general.html” scroller doesn’t work. How can i fix this problem can you help me ?

PS: i’m using metronic v3.1.2

keenthemes Author

almost 12 years ago

Hi ,

We have fixed this issue in v3.1.3. You can check it here: http://www.keenthemes.com/preview/metronic/templates/admin/portlet_general.htm. To use this fix you will need to upgrade to v3.1.3 or you can just update the jquery-slimscroll folder in assets/global/plugins folder.

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

Thanks.

mahirc Purchased

almost 12 years ago

Thank you. It’s working now.

keenthemes Author

almost 12 years ago

Great! You are welcome

malikfarhan Purchased

almost 12 years ago

Hello,

btn-icon-only: doesnt work very well with font-awesome, and specially with btn-sx or btn-sm.

In round buttons , if we use btn-icon-only and btn-sx or sm with fa, doesnot work as expected but it works correctly with simple lines icons.

Some examples of such circular buttons are:


<a class="btn btn-circle btn-icon-only btn-default" href="#">
<i class="fa fa-trash-o" />
</a>
<a class="btn btn-circle btn-icon-only btn-xs green" href="#">
<i class="fa fa-user" />
</a>

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback. We will check it further and fix it in the next update asap.

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

Thanks.

punchi Purchased

almost 12 years ago

Hi! first thanks for this great job and answer almost every question =) this is related the Calendar… I would like to buy your template but I need to work with the calendar and looks you don’t have much graphical options, just to place a bar with a string and text.

This template [removed] for example, have a better work on the calendar (using the same you’r using!!) I know that template lacks lot of other features you have, but I think we need a better interface to add new events or see the already placed, modify and so on, you know, more options to work with the calendar.

Thanks in advance! =)

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback. We will definitely check this further and consider improving this feature in a future releases.

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

Thanks.

scaleto

almost 12 years ago

Hi rada99, add this code to the datatable options, to change the labels laguage.


"oLanguage" : 
    {
        "sProcessing"        : ' Procesando...',
        "sLengthMenu"        : "_MENU_ records",
        "oPaginate"            : {
                                    "sPrevious"    : "Ant",
                                    "sNext"        : "Sig" 
                            },
          "sSearch"            : "Buscar : ",
          "sLengthMenu"        : "Mostrar  _MENU_  registros por pagina",
          "sZeroRecords"    : "Nada encontrado",
          "sInfo"            : "Mostrando _START_ a _END_, de _TOTAL_ registros",
          "sInfoEmpty"        : "Mostrando 0 a 0, de 0 registros",
          "sInfoFiltered"    : " (filtrado de _MAX_ registros totales)" 
    },

sam3739 Purchased

almost 12 years ago

Hi, I’m trying to change the pagination style for the tables to simple, but it’s not being applied. Is this possible on your theme?

keenthemes Author

almost 12 years ago

Hi ,

You can restyle the pagination by overriding it(.pagination class) in custom.css. If you need any further assistance you can send any further details to our support at support@keenthemes.com

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

Thanks.

stunaz Purchased

almost 12 years ago

Hi guys, nice work and nice update.

Do you consider to add a forum page template?

Thank you

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback. Noted. 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.

rada99 Purchased

almost 12 years ago

Hi!, nice work, i have a cuestion, ¿how i can change the value of the label on the dataTables_filter?, “Search:” to “Buscar:” and “records” to “registros”

Thanks

keenthemes Author

almost 12 years ago

Hi ,

Yes, you can do that. For more info please check out http://datatables.net/manual/i18n

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

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

Thanks.

reddys Purchased

almost 12 years ago

Hi there,

Its great theme. but

I have issue with Datepicker format. I am using this theme with asp.net MVC project and in one of the form I have Date fields and initialized them like this. $(’.date-picker’).datepicker({ format: ‘dd/mm/yyyy’, rtl: Metronic.isRTL(), orientation: “left”, autoclose: true });

but the issue is Date Format is depend on my local system date time format. if I set date format for my system date dd/MM/yyyy then it will show correct date in controller and if I set the my system date yyyy/mm/dd it is returnig 01/01/00001 and date picker control format also get changes accordingly, like date picker texbox shows date in format yyyy/mm/dd.

could you please tell me how to correct this issue, the date is totally dependent on local system date format.

Thanks in Advance,

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback.

You should check the bootstrap datepicker’s official documentation here: http://bootstrap-datepicker.readthedocs.org/en/release/options.html#format and make sure that the format you retrieved from your system matchs the format you set for the datepicker.

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.

JezLisle Purchased

almost 12 years ago

Am I missing something, when I use the new Sidebar, it still drops down instead of coming out to the right? is there some jQuery I have missed?

It also has the colour all across that row instead of the left hand side.

What have I missed? Thanks

keenthemes Author

almost 12 years ago

Hi ,

You will need to use below sidebar menu tag:

<ul class="page-sidebar-menu page-sidebar-menu-hover-submenu" data-auto-scroll="true" data-slide-speed="200">
...
</ul>

For the light sidebar menu option you will need to add “page-sidebar-menu-light” class.

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

Thanks.

pageii Purchased

almost 12 years ago

Hi the Datatable api now has native inline editing capabilities. Is the current version of Metronic able to take advantage of this new feature?

1 other reply

keenthemes Author

almost 12 years ago

Hi ,

We haven’t explored this feature yet. Are you referring to the doc or there is an example for this feature ?

Thanks.

pageii Purchased

almost 12 years ago

Hi, yes, there is an example at https://editor.datatables.net/examples/inline-editing/simple . Simply put, by just clicking directly on the cell, the cell becomes editable. Hope to hear the good news that this feature is compatible with Metronic’s UI.

keenthemes Author

almost 12 years ago

Oh , This is a commercial plugin as appears here https://editor.datatables.net/purchase/index. However we will check it further and consider it in a future release if the license allows to do so.

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

pageii Purchased

almost 12 years ago

Thank you for considering and look forward to the good news

strikex Purchased

almost 12 years ago

Dear,

I have found an issue with Tabs: tabs-left does not handle the content width correctly. For example, <div class="alert alert-danger">Test</div> inside tabs-left will overlap with the menu. A similar issue happens with tables inside tabs-left.

Is there a simple fix for this?

keenthemes Author

almost 12 years ago

Hi ,

Thanks for your feedback. We will check it further and fix it soon. Also we we were considering using https://github.com/dbtek/bootstrap-vertical-tabs plugin. You can check it and easily use it if you prefer.

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

Thanks.

KiyamKadir Purchased

almost 12 years ago

submit form from jquery not working

<form action="/Attendance/ShiftGroup" class="form-horizontal form-row-sepe" enctype="multipart/form-data" id="shiftGroupForm" method="post">           
    <input type="hidden" id="groupId" />
</form>
$("#shiftGroupForm").submit();//this form is not submitting

keenthemes Author

almost 12 years ago

Hi ,

In your form you don’t have a submit button so $(”#shiftGroupForm”).submit() can’t fire the submit event. Instead you should use:

$("#shiftGroupForm")[0].submit();

For more info please check out: stackoverflow.com/questions/3303874/jquery-form-not-submitting-with-id-submit-but-will-submit-with-a-subm

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

Thanks.

Benygh Purchased

almost 12 years ago

Many content management systems don’t provide a way to set different class names for nested auto generated HTML elements. Unfortunately Metronic doesn’t care about this. In my case in drop-down menu, any class I set for ul/li elements applies to all inner ui/li elements. It’s while the issue can be resolved by using CSS selectors instead of assigning different class names:

.header-navigation .dropdown-menu => .header-navigation ul ul

keenthemes Author

almost 12 years ago

Hi,

Thanks for your feedback.

Sorry I could not understand the issue you are facing. Are you trying to customize the menu ? Could you please explain it with more details so we will advise you further.

Thanks.

Benygh Purchased

almost 12 years ago

Hi,

My CMS provides a simple HTML template to be used as structure of the menu. The template has a single UL/LI to be customized and the menu and all it’s sub-menus are generated from that template by loops over it. Therefore if I set a class for the UL it will be applied to all sub-menus and so UL tags in all levels would have the same class names:

I can’t tell him to set the class only for the second UL, right?

Metronic uses different class names for different levels of the drop-down menu. For instance the first UL has no class but the second UL gets ‘dropdown-menu’ as class name. And for LI, the first level LI with sub-menus has ‘dropdown’ class name while the second level LI with sub-menus has ‘dropdown-submenu’ as class name. See?

I have no way except to create my own rules and rewrite the styles. But since almost all in the world menu structures consist of UL/LI tags, you can produce a more portable theme by using tags as CSS selector: .header-navigation ul ul rather than: .header-navigation .dropdown-menu

And as a general rule, I think the first priority of a theme designer is to use native Tag selectors as possible as he can, then using class names or combination of them.

Thanks.

keenthemes Author

almost 12 years ago

Hi ,

The HTML code that your CMS generates must 100% follow the markup provided by the Metronic theme as you will need to follow the class names and the overall menu’s HTML code’s structure in order to use the Metronic features. However using css class names is normal practice. If you have any doubt you can check the Bootstrap framework’s css code from getbootstrap.com.

Thanks.

malikfarhan Purchased

almost 12 years ago

are we allowed to use icons inside glyphicons_pro folder ?

keenthemes Author

almost 12 years ago

Hi malikfarhan,

Sure, you are allowed to use plyphicons.

Please let us know, if you have any other question.

Thank you.

romanwb Purchased

almost 12 years ago

Hi, thanks for the update!:)

May be can in future integration Amazon Menu in Metronic Sidebar http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

keenthemes Author

almost 12 years ago

Hi romanwv,

In current version we already implemented something close to this at http://www.keenthemes.com/preview/metronic/templates/admin/index_3.html page. It’s such fast as menu on Amazon. But we are agree, it would be more useful if we add mega menu option for sidebar’s second level menu. This will be considered and hopefully will be available in upcoming release.

Thank you. Stay tuned

$49

Included: Quality checked by Envato
Included: Future updates
Included: 6 months support from keenthemes

Extend support to 12 months $39.38 $16.88

Quantity

Price is in US dollars and excludes tax and handling fees

This item was featured on ThemeForest

Power Elite Author

keenthemes

View Portfolio

Last Update	4 June 2026
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, TypeScript
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, Sass Files, SCSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin dashboard template, admin themes, angular, asp.net core, blazor, bootstrap 5, html, laravel, metronic, react, shadcn, tailwind, tailwind css, vuejs
Created	13 years ago

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

keenthemes supports this item

12220 comments found.

keenthemes

Tell us what you think!