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

keenthemes supports this item

Supported

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

12208 comments found.

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

Most recent version of html theme will not build – following the quick start guide, creates these errors.. you might want to create a hotfix for this? reference: https://pastebin.com/c8wRCz3m

Hi,

Please check step number 7 from the doc. You have to modify some node in package.json. This is for webpack build.

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

Thanks

Hi, Thanks for the update to v8. I have two questions. 1) Is there an easy way to disable jQuery on the V8 html theme, as Bootstrap5 was actually intended to work without? 2) The Vue demo1 looks pretty amputated at the moment – or am I missing something? If you look in the changelogs you can find quite a few demo pages for Vue, but as far as I can see, there is no navigation or no other way to acutally browse the vue demo? Compared to earlier v7 Vue theme, this one seems to be released in a state of being only half-done? Am I mistaking? :-) Otherwise v8 looks promising, and I am considering building the html version into a nuxt.js codebase to be more in control, but for that case I want to get rid of jQuery :-)

Hi :),

The HTML version mostly uses jquery plugins such as datatables.net, select2, etc so without jquery it has less features. Technically you can exclude all jquery related plugins and jquery itself from the gulp or webpack build config.

We will provide regular updates for all SPA versions and make them complete as v7. This requires some time as v7 is a mega theme and converting them to Bootstrap 5 requires some time. We are working on it. Most of the static CSS and pure Js features that you saw in the HTML version you can reuse in the Vue version for sure.

For any further clarifications please contact our support at suport@keenthemes.com

Regards, Sean

Where I grow,, from where I come, this is a SIN.

To sell in a place/space that you don’t own.

Specialy if it is the same category of product. If it was like cellphone or tv or service, it’s ok, but not if it is the same thing

Please delete your comment.

Thank you

Thanks for the concern. We already have reported that comment :)

Can I ask you why are you using Sass variables instead of CSS variables. Even Bootstrap team is starting to switch to that:

“We’re also beginning to make use of custom properties as local variables for various components. This way we can reduce our compiled CSS… CSS variables offer similar flexibility to Sass’s variables, but without the need for compilation before being served to the browser. “

Do you have intentions of following them for the custom components? This is an important question for us since it will allow us to avoid multiple recompilations when requiring multiple styles and realtime changes.

Hope to ear you on this matter.

Hi :),

Thanks for your suggestion. We will check this further and consider exposing the styling to the CSS variables scope. This is on our priority list already.

Regards, Sean

Hello everyone!

First of all, kudos for the outstanding work that you’ve done with the latest version. It’s simply amazing!

I have a question that has been around in my mind for a while: Have you ever though about include email templates as part of the product? I think it would be something very useful.

Hi, when will Metronic Theme 8 Demo 1 React be ready? Is there an exact date?

Hi :),

We are close to the release. It should be out soon.

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

Regards, Sean

Hi keenthemes,

Calendar looks very basic theme. Could you add colors for the Calendar items like in the Metronic7, even a description popup on hover would be great ?

Amazing for the modal description calendar item and the add modal once click in cell (Metronic7 hasn’t that).

thank you.

Cool,

Drop me a line if you need anything relatd to Metronic8 Django, like if you want to test your django solution or any suggestions, tips ;), I can help.

NB : There’s alot solution out there in the wild that you can rely on, but most of them are not using the best practices and proper design pattern. My advise Sean is to develop your own django solution and go from there reshape it/perfectionate it as you go.

Thank you sean

Hi :),

Thanks for the suggestion. We will let you know once we have something up for Django.

Regards, Sean

Hi.. Just wanted to know..

We are planning to migrate a cakephp project to laravel but we have used Demo2 html so far and wanted to know if you have an ETA on Metronic 8 – Demo2 Laravel Version ?

Unless if theres an alternate method to convert the M8 demo1 version to Demo 2 laravel version then please let us know.

BTW .. great work on the theme .. we have been using your theme for a while now.. and find it the best one to use by far. keep it up.

Thanks

Hi,

We will include more demos for laravel version in the future. At the moment, we have ETA for the demo2 yet.

You can also use our layout builder to export the partial files required for demo2.

https://preview.keenthemes.com/metronic8/demo2/layout-builder.html

Thanks

OK. Thank you for letting us know. Much appreciated.

Hi team,

As usual, htnaks for the awesome template. I am trying to figure out how use metronic with Resource Controller integrated into Laravel.

Thanks in advance for your help. Ben

Hi Ben,

You can create your own pages and controller like a normal Laravel, using php artisan command to create a controller.

You can check config/demo1/pages.php and menu.php for the example pages.

app/Http/Controllers/PagesController.php read the pages config to register the routes.

Thanks

Is it possible to decouple Bootstrap from Metronic so that Bootstrap could be loaded separately from a cdn? What changes would that require? Can we remove all Bootstrap imports in components.scss and compile Metronic files?

Hi :),

Thanks for your interest in our theme – Metronic.

We fully customize the Bootstrap CSS through SASS within our build tools so if you exclude it and include it from CDN you will lose all the custom style that Metronic’s bootstrap version has. However you can customize Metronic’s main sass import file and remove components customization sass you don’t need.

Noted on the sass errors and we will fix it in the next update.

For any further clarifications please contact our support via support@keenthemes.com

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

Regards, Sean

Hi thanks for the quick reply!

Yes I understand that. meanwhile found a couple more issues:

There’s a reference to Fontawesome Free but the files are not present.

Reference “webpack://keenthemes/./node_modules/@fortawesome/fontawesome-free/css/all.min.css” in plugins.bundle.css.map.

I know it’s a simple download but until I figured it out, some styling wasn’t working as expected after compiling scss files because of this issue. At least, documentation should warn to get Fontawesome Free files.

In Demo examples, Activities box replicates the Bootstrap 4 Timeline examples but classes have changed and your’re not using Timeline plugin anymore. Any intentions of making it available again for BS 5? Also, you are using the same css selector for different things. It’s confusing.

.timeline-label .timeline-label { width: 50px; flex-shrink: 0; position: relative; color: #3F4254; }

Hi :),

In v5 “timeline-label” and “timeline” are 2 custom components and they have custom sass code.

Noted on the fontawesome icon integration for the webpack version. We will double-check it.

If you need any further clarification please let us know.

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

Regards, Sean

Can you provide Figma file? I couldn’t find it in the download file.

Hi :),

Thanks for your interest in Metronic.

The Figma file is available for Metronic v7 and for v8 we will release it soon. We are working on a new Figma file with a complete design system and component-based approach. You will get it for free once it’s released soon.

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

Regards, Sean

Can you provide the one for v7 for now? Do you have any estimated timeline for v8?

V7 figma youbcannfind in the download zip folder. Eta for v8 is not available, we are working on it and it will be releaaed asap.

Great to hear those new updates, specially FullCallendar :)

Any speed up on :

1 – Demo6

2 – Datatables.net Ajax support

Thank you Keenthemes.

Hi :),

Sure, we will try to release these within the next week.

Regards, Sean

Thank you sean.

You are welcome )

Hey :),

All of Metronic’s tips, tricks and how-to’s to get you rolling with your project: https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Demo 4:
– Horizontal Menu.
– Aside Dropdown Menu.
– Aside Accordion Menu.
– Custom Toolbar.
– Integrated Landing.
– Chart Widgets.
– Layout Builder.

2. HTML Documentation:
– New Layout.
– Navigation Improvements.
– Content Improvements.

3. HTML Calendar App:
- Calendar Day, Week & Month Views.
- View Event Modal.
- Add Event Modal.
- Edit Event Modal.
- Remove Event.
- Dashboard Widget

4. Laravel:
– New documentation layout.
- Webpack Mix Improvements.
– Page Configuration Improvements.

5. Vue:
– Activity Page.
– Chat Drawer Improvements.


Next Up:

1. Laravel:
– CRUD Solution.
– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.

2. More:
– Demo 6 HTML.
– Demo 7 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

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