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/ft3T2WZThanks
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
- 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)
- 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
,
Thanks for your interest in Metronic.
“datatables AJAX server-side” will be released within the next week. The dark skin at the moment we can’t confirm the ETA but its in the works.
At the moment you can check the released items in the latest release yesterday: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.htmlRegards, Sean
Okay, since you postponed the release of the dark skin again …
- announced in August 2020 already at Twitter: https://twitter.com/keenthemes/status/1292058253669662721
- announced in April 2021 at your blog: https://keenthemes.com/blog/metronic8
- “at the moment we can’t confirm the ETA” (June 29th, so almost July 2021)
... I guess we should better invest our USD 950 into a different theme which offers dark skin support already.
We are not satisfied with a postponing of 10 months already and still no ETA or roadmap.
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
,
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.
Hi
,
Thanks for the valuable feedback as usual.
1. Tooltips work in Modals as you can see https://imgur.com/OKye0sv https://preview.keenthemes.com/metronic8/demo1/modals/forms/new-target.html2. This is just the beginning
. We will add Calendar App and Calendar Widgets in a future updates.
3. Yes, sure. Demo 6 is around the corner.
Regards, Sean
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
,
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/HeoJGxNStay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
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
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.
Hi
,
Please note that our updates are released in 1-2 days after the announcement. Regular updates with more features will be coming in the following weeks.
Regards, Sean
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!
Hi
,
This is the SASS lib auto updating issue caused by gulp-dart-sass lib and as the workaround you can just add below resolution rule in packages.json and reinstall node_modules with Yarn(not NPM, this resolution feature supported by Yarn).
https://imgur.com/NDZGxE9If you need any further help please do let us know.
Regards, Sean
And last thing i’m having problems is with sweet alert, any swal i make the icon appears to the left see here: https://imgur.com/MN2yWXk I am using v8.0.15 Laravel version, is something missing or that I should change so it can be like your demo in the center of the modal ? and thank you for your quick response!
I don’t know if this is where the original problem originates but i found in resources/assets/core/sass/vendors/plugins/_sweetalert2.scss if I comment line 20 to 22 the problem dissapears…
when i comment this:
.swal2-icon {
margin: 2rem 0 0rem 0;
}
can you please confirm ?
also select2 is not working properly when you do $(’.whatever’).select2(); the dropdown doesnt do anything
Hi,
Sorry for the late reply.
1) I don’t think that the icon issue is really related to this class because it only adds the top margin other margins are 0.
Can you try to inspect sweetalert icon?
It should have the following class:
.swal2-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.8em;
}
2) Select2’s is globally initialized through data-control=”select2” HTML attribute as defined in src/js/layout/app.js, you don’t need to reinitialize them.
Please check our select2 doc for more info.
Regards,
Lauris
I’m trying to do this:
$('.cie10').select2({
html: true,
ajax:{
url : '{{ route('admin.pacientes.get.cie10') }}',
dataType: 'json',
delay: 250,
},
minimumInputLength: 3,
language: {
inputTooShort: function (args) {
// args.minimum is the minimum required length
// args.input is the user-typed text
return 'Enter 3 characters or more...';
},
}
});
How would I then use it via data-control ?
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.htmlStay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean