12202 comments found.
Sorry for a 2nd question, does Metronic 8 Demo 3 have a photo gallery grid system? i.e I want to display square images in 3 columns by N rows, which template does that? Just use a table? Thank you 
Hi 
Regards, Sean
When will Metronic 8 – Demo 3 React be out? Just need a rough date please!
Hi
,
Thanks for your interest in Metronic. We can not guarantee but it should be possible in 2-3 weeks.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hello, my developer told me that about the template : “I don’t have files integrated into Laravel. Have to manually integrated files from other frontend languages.it doesn’t have the files in laravel tempalate. They have files in angular, vue, react language. That will take time to integrate with laravel.” There is any solutions or…? Thanks you
Hi,
Thanks for your interest in Metronic.
Metronic 8 has Laravel version in the download package the one we shown in the preview: https://preview.keenthemes.com/metronic8/laravel/login?demo=demo1if you need any further clarifications please contact our support via support@keenthemes.com
Regards, Sean
In version 7.2.9 , laravel-demo1, the menu arrow is missing in the aside menu.
Hi,
Could you please try to run all the commands to build assets, including npm run dev. We could not reproduce the issue.
composer update --ignore-platform-req=php && npm update && npm run dev && php artisan serve
Thanks
I did it (except “artisan serve” because I have a ngnix server who can handle it). And I have the same problems. The arrows are missing on two different project. One create from scratch with only the file from your github, the other one is my little project. I’m really thinking to downgrade.
I found the solution. You made some changes in Menu.php. See the code below: if (@$item[‘arrow’] !== false && config(‘layout.aside.menu.root-arrow’) !== false) { echo ‘’; } // if (isset($item[‘arrow’]) && $item[‘arrow’] !== false && config(‘layout.aside.menu.root-arrow’) !== false) { // echo ‘’; // }
The commented part is the new one (and is not working). The not commented is the part taken from Metronic 7.1.1.
Restoring this lines and everything is working well again!
Thank you for pointing it out. The line is not working. We will check and fix it.
Thanks
Hey
,
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Demo 10:
– Unique Concept.– Landing Page.
– Quick Sidebar.
– Main Menu.
– Project Modal.
– Account Modal.
– Complete Dashboard.
– Dark Mode Support.
– Quick Gude.
2. HTML Version:
– Button Hover Effects.– KTStepper Improvements.
– Documentation Improvements.
3. Laravel Demo 8
– Full Itegration.– Layout builder.
– Configurable Menu .
– Complete Authentication.
– Sign-in Page.
– Sign-up Page.
– Password Recovery Pages.
– User Profile Pages.
– Account Pages.
4. Vue Version
– Dependecies Update– Documentation Improvments
Next Up:
– Demo 12 HTML.– Demo 14 HTML.
– Demo 15 HTML.
– Demo 16 HTML.
– Demo 17 HTML.
– Demo 18 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 9 Laravel.
– Demo 10 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.
Stay tuned for endless updates to empower your projects.
All updates are free, always!
Regards, Sean
hi, i using demo13 but i want put color white in div header.. and i need your help for put image in sign-in aside flow.
Hi,
Thanks for your interest in Metronic.
You should change the header bg color in “themes\metronic\html\demo13\src\sass\layout\_variables.scss” with bg-color: #1e1e2d variables and recompile the theme sass into assets css using gulp or webpack: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.htmlTo change the sign in aside image you just need to change the image path in the HTML code: background-image: url(/metronic8/demo13/assets/media/illustrations/unitedpalms-1/13.png
If you need any further clarifications please do let us know.
Regards, Sean
thanks… how i can change the width of content type for fluid?
You can just replace “container” with “container-fluid” class 
I am developing a web app for events… and would like to be able to have a page of reservation of seats for a certain event… could you help me?
Hi,
Please note this request is considered as a custom development which is not covered by our support policy.
Regards, Sean
is it possible to get your custom development support?
Hi
,
Regards, Sean
Hello, I would like to know if, it’s a good dashboard for e-commerce project and if we can use vector map? To see which states of my country we have the most orders.
Thank you
Hi
,
Thanks for your interest in Metronic.
Great idea, we will implement it in a future update along with upcoming new ecommerce dashboard and eCommerce app as well.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi. I will like to use the Laravel version but I need a guide to point me in the direction of how to use it on a new project
Hi,
Please check the getting started page to guide you to start the laravel application in your local.
https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/overviewThanks
Is Webpack Bundle Analyzer (https://github.com/webpack-contrib/webpack-bundle-analyzer) enabled in metronic theme? if not can I add it? please add it it will help to minimize bundle size
Hi,
Currently this plugin is not enabled in this Metronic theme. We will consider adding it.
Thanks
Hi team,
is the file formrepeater.bundle.js missing in the folder <script src=”assets/plugins/custom/formrepeater/formrepeater.bundle.js”></script> I’m not able to retreive it in the latest metronic version available (metronic_v8.0.26).
The repeater also not working for the HTML version probably because of the missing file below.
Thanks in advance for your help. Regards, Ben
Hi, formrepeater is a new plugin we’ve added in. Did you re-run yarn to get the latest dependencies?
Thanks.
My bad, it was not updated. Thanks a lot for you quick answer. You are the best as usual 
Hi keenthemes,
Is it hard to make the process of switching/flipping DropDowns when it comes to RTL, rather than do it manually ? : as you said here :
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/rtl.html
data-kt-menu-placement="bottom-start" => data-kt-menu-placement="bottom-end"
data-kt-menu-placement="right-start" => data-kt-menu-placement="left-start"
I mean, Like back in the Metronic7, this was like a breeze, you set your RTL config and that’s pretty much it. You got a flipped DropDowns automatically despite the layout.
Rather than go after every DropDown Menu in the App and put some ‘if’ and ‘else’ to check the Layout direction. (We have a lot of them, and not all the same = could make a Dropdown Menu component ad set it in one place, but a lot of them are differents)
I mean this is like a pain in a but, LoL
Hope I formulate it clean, sorry.
Thank you guys.
Hi,
Appreciate your feedback.
Metronic 8 uses the new KTMenu plugin and to and the placement value depends on the menu usage and parent container’s placement as well. In the JS level it’s hard to predict the best placement for each user so we leave as it is now for full control the placement values are suggested to be set right in HTML. The RTL support currently is in the CSS level and in the HTML level some adjustments are needed. We will revise this in the near future.
Regards, Sean
Are you saying that there will be a way to make it automatic ? Or should we go to put “if” “else” in our dropdown.
thank you
Hi,
Yes, we would suggest you to handle it with server side conditions depending where and how the dropdown is used.
Regards, Sean
Hello,
I want basic flow/sign-in page to sign me in but submit button doesn’t redirect me to form action. How can i fix this?
Also is there a localization option for SWAL and form validation?
Hi,
You can use standard form submit method to submit your form upon successful validation:
themes\metronic\html\demo1\src\js\custom\authentication\sign-in\general.js
form.submit();Under:
// Show message popup. For more info check the plugin's official documentation: https://sweetalert2.github.io/
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= "";
//form.submit(); // submit form
}
});
if you need any further clarification please let us know.
Regards, Sean
So it works now, thanks! Here is another question; is there localization for form validation text and swals in theme’s js system?
Hi keenthemes,
any update on form input-group ??
it’s a reminder and extend to a comment here : https://themeforest.net/comments/27313554
Thank you.
Hi
,
Thanks for the reminder. We will try to release this in the next update.
Regards, Sean
Thank you Sean.
Waiting for the Inbox app from very long time…
+1
Absolutely! 
Hi
,
Sure thing, we will release this soon.
Regards, Sean
Waiting for the Inbox app from very long time…
Hi
,
Thanks for the reminder. We just started the coding for this app and hopefully it will be released in really soon.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
I’m using vuejs 3 version . it based on demo1 8.0.18 when i deploy builded version and run to web browser . i still see all source code via devtool browser . i see it inside folder “webpack” Could you tell me how to remove it for production build ?
Hi,
In the Vue version, we do not have webpack folder.
Are you able to reproduce the issue on our preview page?
https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.69063571.309858189.1633313914-1635915368.1606869404#/dashboard
Regards,
Lauris
Hi,
The source maps are enabled by default.
You should be able to disable it using devtool webpack property.
devtool: 'eval-source-map'
Check Github issue below:
https://github.com/vuejs/vue-cli/issues/2978
Regards,
Lauris
Hi!
Ilustration 13 and 15, same equals:
assets/media/illustrations/sketchy-1/13.png assets/media/illustrations/sketchy-1/15.png
assets/media/illustrations/sigma-1/13.png assets/media/illustrations/sigma-1/15.png
assets/media/illustrations/dozzy-1/13.png assets/media/illustrations/dozzy-1/15.png
Tks, Ricardo
Hi
,
Thanks for your feedback. We will take a look at this in the next update.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
How would I include jQuery without it interfering with the native functions you have provided?
Hi
,
Thanks for your interest in Metronic. Can you please explain your question with more details ? jQuery is by default included in the theme and it’s available in all pages and works well with native core components.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
Hi, I started to use your design today. I wanna use demo13 dark mode but there is no css file for dark mode? How can I find it
Hi
,
Thanks for your interest in Metronic.
The dark mode CSS should be generated and setup as explained here: https://preview.keenthemes.com/metronic8/demo13/documentation/getting-started/dark-mode.htmlRegards. Sean
thank you so much. another question here
Does metronic have lazy load for image?
Hi
,
We can implement this features soon. The base requirement would be the images will be loading after page load to now block the page rendering. Before the load empty.png is used for the lazy loading image as default. What do you think about it ? if you have any suggestion please let us know.
Regards, Sean
hello can i apply this template to my website. can you help me apply it to my website?
Hi
,
Thanks for your interest in Metronic.
To get started with Metronic you will need to get familirt with Metronic foundation. For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean