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,714 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.

Hello. The layout builder export is not working, the download does not start.

Hi,

We did test, the layout builder is downloading.

Could please retry? which demo are you using?

https://ibb.co/ft3T2WZ

Thanks

Hi! Can u tell when the Angular version of Metronic 8 will be available?

Hi :),

Thanks for your interest in Metronic. We are currently working on it and targeting to release it within July.

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

Regards, Sean

Hi, when will Metronic8 be available for REACT?

Hi :),

Thanks for your interest in Metronic. We are currently preparing it for release and in the process of final testing and fine tuning. Hopefully it will be out in 1-2 weeks.

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

Regards, Sean

Can i get proper documentation for installing Metronic 8 for Vue please. We keep getting error with your current documentation

Hello,

We need

  1. HTML – dark skin (announced in August 2020 on Twitter: https://twitter.com/keenthemes/status/1292058253669662721 and 2 months ago here: https://keenthemes.com/blog/metronic8)
  2. HTML – datatables AJAX server-side (announced in April 2021 here)

to be released. Afterwards will will buy the extended license for USD 950 for our existing 3,200+ customers.

What’s the roadmap incl. ETAs for these features (announced back in August 2020 already)?

Thanks!

Hi :),

The dark mode is quite anticipated feature and we actually already started the development and at this stage it’s hard to confirm the release date but we will do our best to release it soon(targeting within1-3 weeks).

Yes, we announced this earlier, however Bootstrap 5 preparation and now catching up with the v7 feature shipment to v8 required more time and now we are back on track to delivery those important features.

Regards, Sean

We can’t wait “1 – 3 weeks” for the dark skin, we waited since August 2020 already.

We could theoretically wait 7 more days, but in no case any longer.

Hi,

if you are in tough deadline we would suggest you to not count on our ETA as it means estimated release date, not guaranteed. We technically can not deliver the features according to every customer project deadlines. We can not take such responsibility. Nevertheless we will do our best to release this and other planned features as soon as possible. I hope for your understanding.

Regards, Sean

I have bought Metronic license and still have 6 months support. I have requested github access through this link https://keenthemes.com/metronic/?page=github but till now I haven’t received any github invitation.

Hi,

Thank you for contacting us What is your github username? We will check it

Thanks

Hi, about the .NET integration… do I need to purchase the ASP.NET zero system license? and is the any step by step documentation about the integration between Metronic and it? Thanks

Hi :),

To use Metronic with .NET you do not need to purchase Aspnetzerp Aspnetzero is a separate product that provided starting point with ready to use modules. At the same time you can use Metronic with any server side technology by just integrating it as shown here https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes

This video was made for Metronic v7 but the steps and instructions can be used for Metronic v7 as well.

if you need any further help please contact our support via support@keenthemes.com

Regards, Sean

Hi keentheemes,

1- Toolips are not working in Modals, but instead working great in normal pages ???

Isn’t you said in doc that “Bootstrap Tooltips are globally initialized” ??

any idea ?

2- Tthank you so much for the Calendar by the way. (Callendar Metronic8 doc little bit lacks in ..), aren’t you guys putting a calendar page page in Metronic8 ??

3- Congratulation also for the demo3, hopefully very soon for demo6, LoL.

Thank you.

Ooops, My bad,

I redo it in the Metronic way, and it is working.

it is my Django package maybe that it is not yet compatible for Bootstrap5, because it render the modal in javascript and check it, it use a show, wich is not the bootstrap5 call.

thank you.

Sure thing :) Good luck with your project!

Thank you.

Hello keenthemes! is it possible to add class is-valid and is-invalid to the email and password inputs fields on the login page? https://imgur.com/7mxdR2B it just mark the error above, I want it to add the classes so it can look like this https://imgur.com/fqyDvHn i’ve been trying to add this under assets/extended/js/custom/authentication/sign-in/general.js but haven’t be able to accomplish this, can you please guide me on how to add the classes in general.js when its valid or invalid ? Thank you very much

Hi,

Just use the below code for the form validation with icons in demo1\src\js\custom\authentication\sign-in\general.js>

// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
        validator = FormValidation.formValidation(
            form,
            {
                fields: {                    
                    'email': {
                        validators: {
                            notEmpty: {
                                message: 'Email address is required'
                            },
                            emailAddress: {
                                message: 'The value is not a valid email address'
                            }
                        }
                    },
                    'password': {
                        validators: {
                            notEmpty: {
                                message: 'The password is required'
                            }
                        }
                    } 
                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger(),
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: '.fv-row'
                    })
                }
            }
        );

Regards, Sean

its not adding is-invalid to the password input its only working for the email input

Have you changed the passport filed rule like this:

'password': {
                        validators: {
                            notEmpty: {
                                message: 'The password is required'
                            }
                        }
                    } 
You can see the result here: https://imgur.com/I2fc9MV

We’re going to order the US$ 950 Extended License as soon as the following Metronic 8 features will be available (most of them Metronic 7 features to be adjusted only):

  • HTML: Inbox/Mail
  • HTML: Dark Mode
  • HTML: Datatables AJAX (server side)
  • HTML: ToDo
  • HTML: Timeline
  • HTML: eCommerce

We don’t need Vue, React, Angular, Laravel, just plain HTML. We are professional coders, we don’t need such JavaScript helpers.

So when will these features be available finally?

Hi :),

Thank you for your interest in our theme – Metronic.

As our Metronic v8 changelog shows https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.html we are regularly releasing new updates and improvements for Metronic v8 and the above listed items will be added for sure. Since we are working on a long todo list of the upcoming features its hard to confirm ETA for feature nevertheless we will do our utmost best to deliver these and other features as soon as possible.

Please note that after purchasing a license all future updates are free of charge.

If you need any further clarifications please do let us know.

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

Regards, Sean

Thank you for your reply.

It’s not safe enough for us to pay US$ 950 in advance, just to receive future updates for free with unknown release dates. We need the above listed features to pay US$ 950 to you, they have to be available and stable at the test.

Thank you for your understanding.

Hi :),

Sure, you should purchase the license at your own convenience as per your End product requirements. The extended license is required when you use Metronic in your end product that has paying users. Regards and it does not mean that for the extended license allows you to request specific features wit deadline. If you need more info about the extended license please check out our video: https://www.youtube.com/watch?v=HJ3RNhoI24A&ab_channel=KeenThemes

Regards, Sean

Hello, (bootstrap 5)

Template one in the tables part. Table-hover not working Also when implementing datatables.net, it doesn’t work .selected correctly, (This works fine with bootstrap 5)

Hi :),

Thanks for your feedback.

Could you please clarify it ? As we tested the “selected” classes works as expected with Metronic v8 Bootstrap 5 Datatable: https://imgur.com/HeoJGxN

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

Regards, Sean

Hello, I will try to be clearer. bootstrap 5 theme1 in the datatables.net plugin. on the property (select:true) $ (”# kt_datatable_example_1”). DataTable ({select: true})

https://imgur.com/a/Trtvph4
https://datatables.net/extensions/select/examples/styling/bootstrap5.html

row colors overlap when using table classes (table-hover table-striped), affecting text display


https://imgur.com/a/zAtSe4b
https://imgur.com/a/vYubq7Q

Thanks

Hi :),

Noted, thank you for the details. We will check it further and fix in the next update. We will also add more datatable examples such us ajax data, loading indicator, etc.

Regards, Sean

How to use the new menu system in metronic 8 laravel version? where do I add the menu items, i cannot see this information in the docs, also if its possible since i see you are using spatie laravel permissions if you can set permissions to the menu items? thank you

Hi,

You can add or modify menu from this config file. config/demo1/menu.php

We will improve the docs for more detail information.

Thanks

When will the angular version of metronic 8 come

Hi :),

Thanks for your interest in Metronic.

We are currently working on it and try to release it within July.

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

Regards, Sean

About 13 hours ago, you announced the next message: Hey :)

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

1. Demo 3: – Aside Tabs. – Extended Aside – Minimized Aside. – Boxed Layout. – Aside Menu. – Integrated Landing. – Layout Builder.

2. Fullcalendar Integration: - Custom Skin. - Advanced Demos. - Complete Docs.

3. Laravel User Module: – Account Overview. - Password Change. – Email Change. – Audit Log Listing. – Activity Logs API.

4. Vue Modals: – Invite Friends. – View Users. – Upgrade Plan. – Share & Earn. – New Target. – New Card. – Create API Key. – Two Factor Auth. – Create App. – Create Account.

Next Up:

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

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

What mean’s to you shortly releasing?

What’s happened in the last 2 weeks? Late releases, only 1 release per week…... I see activity slowed.

That’s happened only in the last two weeks. Until then, all released same day with announcement. This is why asked you. For me shortly means a couple of hours. But it’s ok.

You have a great theme.

Hi :),

Thank you for appreciation.

Sometimes the release requires more time to prepare and submit and at the same time majority users request the upcoming release notes earlier. However we decided to postpone next release coming Tuesday due to Bootstrap 5.0.1 update with major dart sass lib warning fixes.

Have a great weekend!

Regards, Sean

Ok. Have a great weekend !

Hey,

Thanks for doing a great job. Would like to get some assistance with integration of the metronic 8.0.1 vue typescript frontend with laravel. We are getting issues running it

Thanks much for a quick response.

Take care

Hi,

To use the typescript you should add an additional loader into your webpack.mix.js.

You can follow this tutorial to get started: https://sebastiandedeyne.com/typescript-with-laravel-mix/

Regards,
Lauris

Hi,

Can you add fitur Carousel ?

Hi,

Could you please specify which Metronic version are you using? html/vue/laravel/react/angular

Regards,
Lauris


Hey :)

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

1. Demo 3:
– Aside Tabs.
– Extended Aside
– Minimized Aside.
– Boxed Layout.
– Aside Menu.
– Integrated Landing.
– Layout Builder.

2. Fullcalendar Integration:
- Custom Skin.
- Advanced Demos.
- Complete Docs.

3. Laravel User Module:
– Account Overview.
- Password Change.
– Email Change.
– Audit Log Listing.
– Activity Logs API.

4. Vue Modals:
– Invite Friends.
– View Users.
– Upgrade Plan.
– Share & Earn.
– New Target.
– New Card.
– Create API Key.
– Two Factor Auth.
– Create App.
– Create Account.


Next Up:

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

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

Hello Team! I’m having lots of warning about Slash deprecation on SASS:

More info and automated migrator: https://sass-lang.com/d/slash-div 1013 │ $dropdown-item-padding-y: $spacer / 4 !default; │ ^^^^^ ╵ node_modules/bootstrap/scss/_variables.scss 1013:37 @import resources/assets/demo1/sass/_init.scss 18:9 @import resources/assets/demo1/sass/style.scss 6:9 root stylesheet

: 7 repetitive deprecation warnings omitted.

: 61 repetitive deprecation warnings omitted.

the sass website says:

Sass currently treats / as a division operation in some contexts and a separator in others. This makes it difficult for Sass users to tell what any given / will mean, and makes it hard to work with new CSS features that use / as a separator.

Is this going to be fixed? thank you!

about the sweetalert i don’t see any swal2-header class: this is how it looks if I uncomment the lines I told you https://imgur.com/mVYte9U, and this is what i see on console: https://imgur.com/B5NGymP

Hi,

In the login page, we use the swal function. The icon is in center. Please try to use code below

https://ibb.co/P1rpkJS
Swal.fire({
    text: "You have successfully logged in!",
    icon: "success",
    buttonsStyling: false,
    confirmButtonText: "Ok, got it!",
    customClass: {
        confirmButton: "btn btn-primary" 
    }
}).then(function (result) {
    if (result.isConfirmed) {
        form.querySelector('[name="email"]').value = "";
        form.querySelector('[name="password"]').value = "";
        window.location.reload();
    }
});

Thanks

Hi,

Could you please check the console log if there is any js error?

Thanks

Hey,

Thanks for doing a great job. Would like to get some assistance with integration of the metronic 8.0.1 vue typescript frontend with laravel. We are getting issues running it

Thanks much for a quick response.

Take care.

Hi,

Could you please specify what exactly is not working?

Do you have any errors in your console?

Regards,
Lauris

Can i get proper documentation for installing Metronic 8 for Vue please. We keep getting error with your current documentation

Hi,

Sorry at the moment we do not have such a doc for Metronic 8. We will add it in upcoming releases.

Since Metronic 8 Vue is using a typescript doc from Metronic 7 will not be valid for Metronic 8.

You can check this tutorial on how to enable typescript in Laravel projects. https://sebastiandedeyne.com/typescript-with-laravel-mix/

Regards,
Lauris

Hi,

Awesome theme! Any chance of a tutorial or guide to integrate with Bootstrap Webassembly?

Thanks

Hi :),

Thanks for your interest in our theme – Metronic.

Let us explore this and if it’s in demand we will consider adding an integration documentation for sure as we started adding docs for popular frameworks: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/blazor.html

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