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

keenthemes supports this item

Supported

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

12202 comments found.

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=metronic8

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

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

Stam88 Author Team

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

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,

Could you please share your dynamic menu idea you want to implement. We will consider to add support for it in next updates.

Thanks

For example: I have a link for menu like below https://www.example.com.my/admin/dashboard But I wish to have the link to be dynamic like below: https://www.example.com.my/{{USERTYPE}}/dashboard

Thank you for your sharing. We will consider implement it in the future updates.

Thanks

Hey,

Is there a way to open a kt-drawer from javascript? My drawer is based on the chat example in the v8 demo, and currently I can only open it with the button on the topbar.

Thanks!

Hi :),

Yes, you can use KTDrawer API to open/close drawers programmatically: https://preview.keenthemes.com/metronic8/demo1/documentation/general/drawer.html
var drawerElement = document.querySelector("#kt_drawer_example_1");
var drawer = KTDrawer.getInstance(drawerElement);
drawer.show();

Regards, Sean

Thanks!

Hi, does version 8 include Figma files?

Hi,

May I know which demo you need in Laravel ? Basically you can refer how the demo 1 and demo 2 views and assets are organized within the Laravel version and you can use your selected demo’s layout builder and get the HTML partials and integrate it by referring to demo 1 and demo 2. However this would require you some time to figure it out and it also depends on your level of expertise in frontend and Laravel development.

Regards, Sean

Hi, thanks for asking what demo I needed for Laravel. I am hoping to get demo 4 and 6 because my client is not yet sure what he prefers.

Hi :),

Sure, we will release those demos soon. We recently released Demo 2 and Demo 3 Laravel versions successfully.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

I am looking for the ecommerce and Kanban-board modules in the HTML5 demos. I cant find them….are they included in the html pack??

Thank you

Hi :),

Thanks for your interest in Metronic.

For Metronic v8 we will add ecommerce and Kanban board modues soon. You can keep checking our changelog to see regular weekly updates here:

https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.html

Regards, Sean

Hello, Thanks for this template, Excuse me there is problem In “Nav menu” in RTL version could you please fix it “in metronic8”

Thank you so much

Excuse me in demo RTL is work fine but in downloaded files its not work ? “RTL in demo1”

Hi :),

Please flip the KTMenu dropdown submenu alignment attributes as shown below:

data-kt-menu-placement="bottom-start" => data-kt-menu-placement="bottom-end" 
data-kt-menu-placement="right-start" => data-kt-menu-placement="left-start" 

Regards, Sean

Hi, I just buyed this theme and something goes wrong. The theme don’t appear in my profile but in my card transactions shows the transaction. I need help or my money back lol

Hi,

Can you please check it under your Downloads page ? All purchased items should appear there after the successfully payment.

However the marketplace related issues are not in our control. If you need any further help please go to https://help.market.envato.com/hc/en-us/requests/new and create a ticket for your case and the marketplace team will get back to you.

Regards, Sean

Hi Author , May I know this theme can just use in HTML ?

I dont VueJS, React, Angular 11 & Laravel.

Hi :),

Thanks for your interest in Metronic.

Yes, you can use HTML version separately as Vue, React, Angular and Laravel versions are fully separated from the HTML version.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

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