12208 comments found.
Hello! tables doesn’t work inside modals, it doesn’t render any of the normal classes like table-striped, table-hover, table-row-bordered etc.. is this a bug?
Hi,
Thanks for your feedback.
May I know which Metronic version are you referring to ? We will add some datatable examples in Modal in a future update.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi, its’ on M8
Hi,
Can you please contact our support and provide your code ? By right the DataTable should work fine in Modal. Can you double check and confirm if the same code works fine outside modal ?
Regards, Sean
it doesnt work well outside either, this is a simple table using
class=”table table-striped”
Have you included the datatable plugin js/css bundle files in your page ? What is your Metronic version ?
yes i have included the datatables plugins bundle:
'css' => [
'plugins/global/plugins.bundle.css',
'css/style.bundle.css',
'plugins/custom/datatables/datatables.bundle.css',
],
'js' => [
'plugins/global/plugins.bundle.js',
'js/scripts.bundle.js',
'plugins/custom/datatables/datatables.bundle.js',
],I’m using Metronic 8.0.16 Laravel, it would be great if you guys can upload a demo showing that datatable is working in your demo site with normal classes including table-striped, table-hover, table-bordered etc.. it’s weird because if I do a normal clean laravel installation and include the datatables cdn’s and do a normal test it works fine, so i don’t know why is not working
Hi 
,
In our official Laravel version you can see working Datatable examples here https://preview.keenthemes.com/metronic8/laravel/log/system
Our Datatable integration fully supports the base Bootstrap table classes. Can you please try it as it’s already working in the official Laravel version.
Regards, Sean
Hello, I am using your Metronic 8.0.16 Laravel and is not working properly
Can you please update to the latest Metronic v8.0.18 ? The ajax data tables were released in the recent version.
Hello! when does the angular dark version of the demo 5 v8 come out?
Hi ,
We are working on it and it should be out soon.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi ,
Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html
Regards, Sean
Hi keenthemes,
Since Metronic8 is based on Bootstrap5, Are those colors available in Metronic8 as Bootstrap5 has them already in their page ????
If not,,how we can implement them,
like the way of defining yellow, and after using the yellow palette as : yellow-300
It is a great thing to have a multitude /exhaustive choices palette collor liste, not just few (8 colors).
Thank you guys
Hi ,
Thanks for your suggestion.
The Bootstrap 5’s color library is available as its’ shown in the Bootstrap 5 documentation. However our custom components are integrated only with the base theme colors(the state colors such as success, primary, danger, etc). Binding the components with more colors will increase the css size so at this point the base theme colors are optimal for our design system.
Regards, Sean
Forget the page of Bootstrap Color palette :
https://getbootstrap.com/docs/5.0/customize/color/#all-colors
thank you
Noted, we will check it Thank you!
how can i reinit the script.bundle.js , because my element show in ajax after $(document).ready(function(){});
i need reinit data-kt-menu element, otherwise cant show the menu after click the icon
Hi ,
To initialize populated KTMenu instance you can use following API:
KTMenu.createInstances('data-kt-menu="true"');
You can init other global elements and wrappers defined here core\html\src\js\layout\app.js using:
KTApp.init();
if you need any further clarifications please do let us know.
Regards, Sean
please check this code, when i direct put in html is ok no problem, but when i dynamically use this code after $(document).ready(function(){
});
cant show the menu. how can i fix this problem
<div class="me-0">
<button class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary"
data-kt-menu-trigger="click"
data-kt-menu-placement="bottom-end"
data-kt-menu-flip="top-end">
<i class="bi bi-three-dots fs-3" />
</button>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3" data-kt-menu="true">
<div class="menu-item px-3">
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase lan-action">Action</div>
</div>
<div class="menu-item px-3">
<a href="javascript:" class="menu-link flex-stack px-3 category-edit">
<span class="lan-edit-category">Edit Category</span>
<i class="fas fa-edit ms-5 fs-7" />
</a>
</div>
<div class="menu-item px-3">
<div class="separator border-2 my-2" />
</div>
<div class="menu-item px-3">
<a href="javascript:" class="menu-link flex-stack px-3 text-danger category-delete">
<span class="lan-delete-category">Delete Category</span>
<i class="fas fa-trash ms-5 fs-7" />
</a>
</div>
</div>
</div>
Hi ,
To initialize populated KTMenu instance you can use following API:
KTMenu.createInstances('data-kt-menu="true"');
You can init other global elements and wrappers defined here core\html\src\js\layout\app.js using:
KTApp.init()
if you need any further clarifications please do let us know.
Regards, Sean
Dear Support
I am facing an issue with metronic template specially with context menu , I am trying to add two context menu , but when I do that only one is working I shared with you the Html , you can notice only the first one is working and the reset is not working, how can I make all of them working please ?
First Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->
Second Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->
Third Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->Hi ,
Thanks for your feedback.
The provided code is not readable. Can you please contact our support via support@keenthemes.com and provide full code of your context menu and let us know your Metronic version and your build method(gulp or webpack). You can also share screenshot of your browser console if you have any js errors.
Regards, Sean
Hi, How do I release the copy protection drag?
Hi ,
Thanks for your feedback.
Could you please let us know which feature are you referring to ? Can you contact our support directly via support@keenthemes.com and provide more details.
Regards, Sean
gulp—rtl=true—demo1 code: ‘ERR_MODULE_NOT_FOUND’
Hi,
For the gulp build please make sure the below line is set in package.json:
"type": "module"
If you need any further help please contact our support via support@keenthemescom
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hey
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Demo 1 Dark Skin:
– Skin Switch.– Layout.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.
2. HTML Demo 6:
– Advanced Dashboard.– Compact Dashboard.
– Minimal Dashboard.
– Horizontal Menu.
– Aside Dropdown Menu.
– Aside Accordion Menu.
– Scrollable Aside.
– Custom Toolbar.
– Integrated Landing.
– Chart Widgets.
– Layout Builder.
3. HTML Ajax DataTable:
– Ajax Datasource.- PHP Sample Code.
– Filtering.
– Sorting.
– Pagination.
– Group Actions.
– Row/Cell Rendering.
– Context Menu.
4. Laravel:
– Multi-demo Support.– Demo 1 Dark Skin.
– Demo 2 Integration.
– Documentation Improvements.
– DataTable Improvements.
Next Up:
1. Laravel:
– CRUD Solution.– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.
2. More:
– Demo 7 HTML.– Demo 8 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.
Stay tuned on endless updates to empower your projects.
All updates are free, always!
Regards, Sean
Hi; I’m developing in Laravel 8x, and for the main route (index) of each page, I can make the menu be selected for the initial route, but when I point to other routes, such as Search or Update or Delete associated with index (main route), the menu does not keep the initial selection. What to do to fix this?
That is, I need my CRUD routes for a given menu to be set to avtive so that all associated routes can keep the menu activated on that page. Got it? Grateful, I await response.
Hi,
Do you mean you are using routes for resource controller in menu? Eg.
/clients/{clientID}/create /clients/{clientID}/edit
We will consider to add support menu/page config for this type of route in future updates soon. Currently only static menu is supported.
Thanks
Do you have tutorial videos for the React versions just like you have for the HTML ones ?
Hi ,
Thanks for your interest in Metronic.
The React tutorials will be published soon once we release the new Metronic v8 + React v17 + Bootstrap 5 update soon.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Any specific timeframe ?
We can’t confirm the timeframe. We will attend to it as soon as possible.
Hello,
we need the HTML dark mode + datatables server side AJAX please before we will buy a license.
When will both be available? We read a few announcements for July 2021 earlier at the comments.
Hi ,
Thanks for your interest in Metronic.
Metronic Demo 1 Dark Skin and Ajax Datatable integration will be released shortly and you can check it here: https://keenthemes.com/metronic/?page=metronic8Regards, Sean
Dear Support
I am facing an issue with metronic template specially with context menu , I am trying to add two context menu , but when I do that only one is working I shared with you the Html , you can notice only the first one is working and the reset is not working, how can I make all of them working please ?
First Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->
Second Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->
Third Context Menu
<!-begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"></polygon>
<path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
</g>
</svg>
<!-end::Svg Icon->
<!-begin::Menu->
<!-begin::Menu item->
Edit
<!-end::Menu item->
<!-begin::Menu item->
Delete
<!-end::Menu item->
<!-end::Menu->Hi,
Thanks for your feedback
Can you please contact our support via support@keenthemes.com and provide your menu code and let us know your Metronic version ? The code you sent here is not readable and can not tested in our end.
Regards, Sean
Hi,
I am considering purchasing the METRONIC 7, demo 1, react theme. I have a couple of technical questions, can you help to answer them, please?
1. Are there any 3rd party vendors used in the template (eg. UI, deploy or build tools)? If there are any, can we not use them? 2. We have an existing react app. Can we integrate your template into it and how can we do it? Do you have NPM packages with custom components which are integrated with your template based on material UI? 3. Do we understand correctly that you fully support material UI and you have your additional UI elements based on material UI? 4. Do we understand correctly that you use material design, and we can customise any element from it? 5. If I purchase the react theme, do I get the figma files as well?
Thank you
Hi anna-ngg
1) We use only Create-React-App(https://create-react-app.dev/) for application setup and React-Bootstrap for UI (https://react-bootstrap.github.io/) (No any build tools).
2) We don’t have NPM packages with custom components (We aren’t UI library, we are UI Theme). For using our theme in your application user has to use our Layout system. We don’t use Material UI for our Layout or pages. 3 + 4) Our layout and design system are based on Bootstrap. (You can install MUI in the app, but we don’t have it from out the box).
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Keenthemes support
When is the react version of metronic 8 ready?
Hi ,
Thanks for your interest in Metronic.
The React version will be released soon(probably next week).
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Demo6 please with :
- Aside hover submenu
- Quick action as a drawer : https://ibb.co/QMHkv8d
When “extras” Tab for the builder will be available ?Thank you guys
Hi ,
Noted on the top bar, we will attend to it soon.
We will be releasing Demo 6 with a flexible aside menu(dropdown, accordion within dropdown)
A cool thing to present in the next update is that the aside of Demo 6 will be scrollable(we spent a month to achieve this with our super flexible KTMenu plugin) in auto overflow mode and the dropdown menu still will look fine. For the custom scrollbar part, we no longer use the PerfectScrollbar plugin. Now it’s fully native and supported by all major browsers:
I hope you will like it
Regards, Sean
Ohh looks fantastic,
specially the scrolling aside and with less dependency.
Hopefully gonna be verysoon.
Thank you
Also the footer with icon is killing (the best fit for Setting icons), You inspire people to even do an amazing UX not just UI.
Thank you guys.
Hi ,
Glad to hear that. Those features and the most anticipated dark skin will be released shortly!
Regards, Sean
Thank you Sean.
thanks for the theme, when I run metronic 8 Laravel, I am getting an error ” Call to undefined function App\Core\Adapters\get_svg_icon() ” Line 54. can you figure out what was the problem?
Hi ,
Sorry for the delayed reply. Could you please contact our support via support@keenthemes.com and provide us more details for your issue ? Full screenshot of the error, your environment info(php version, os version, etc).
Regards, Sean
Hi,
In metronic 5, I used mApp.blockPage(). How about in metronic 8.
Thanks
Hi ,
Thank you for your interest in Metronic.
The blockui features for v8 will be added in a future update soon.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi I’m interested in this template to build an online inventory manager website, so the datatable component is critical for me.
What is the status of Laravel template with Bootstrap 5? Is it usable or still need time to fix bugs or update old components from Bootstrap 4?
Hi,
Laravel template with Bootstrap 5 use the latest Metronic v8 integration.
Some pages from the HTML template may not exist in Laravel. But the CSS styles from the HTML template already integrated into Laravel. All the components from the HTML template are static and non-working components.
You can just copy the component HTML from the HTML template, and paste it into the Laravel component to get the same look. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.
Thanks
Hi, I’m using metronic for laravel. May I know is it possible to make the path in menu.php dynamic?
Hi,
The menu.php only support a static menu which you can list it.
Thanks
Hi,
Could you please share your dynamic menu idea you want to implement. We will consider to add support for it in next updates.
Thanks
Thank you for your sharing. We will consider implement it in the future updates.
Thanks
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
