12202 comments found.
Hello. Thank you for your job and this very convenient framework. I’d like to use the modal in a php page in order to modify some information in a big list. I don’t want to create a modal for each record of the list, but use an unique modal with data. Is there a way to integrate data into the modal button in order to use them in a unique modal ? Thank you for your help
Hi,
You should use Bootstrap Modal API methods to handle such requirement. For more info please check https://www.codexworld.com/bootstrap-modal-dynamic-content-jquery-ajax-php-mysql/ and https://getbootstrap.com/docs/4.6/components/modal/
Regards, Sean
Hello. Thank you for the links. It works very well.
You are most welcome 
Hello there,
I’ve seen you have been asked before. I have been checking it many times every day for about a month. I want to get information about Bootstrap 5 update. I plan to open the project I have been working on for more than 3 months after the update. In particular, I would like to listen to the components that will not be used after the update and what you plan to add.
Thanks. Good job.
Hi ,
Thanks for dropping a line.
Most of the plugins compatible with Bootstrap 4 yet not ready for Bootstrap 5 so we are trying to find some alternative or code by our own so due to this, in order to make Metronic 8 production ready we are needing more time. Probably by end of this month or early April we will release it.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hello, we use now the latest version and we miss in the demo3 folder the assets folder. Any idea how i can find it?
<link href=”assets/css/pages/login/login-1.css” rel=”stylesheet” type=”text/css” />
<!-end::Page Custom Styles->
<!-begin::Global Theme Styles(used by all pages)->
<link href=”assets/plugins/global/plugins.bundle.css” rel=”stylesheet” type=”text/css” />
<link href=”assets/plugins/custom/prismjs/prismjs.bundle.css” rel=”stylesheet” type=”text/css” />
<link href=”assets/css/style.bundle.css” rel=”stylesheet” type=”text/css” />
Hi,
First of all thanks for choosing Metronic.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.
Please note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Hello, are all Figma files included for the dashboards? We would like our designers to edit some views.
Hi ,
Thanks for your interest in Metronic. Yes, the Figma file will be provided as a bonus for layout and dashboard widgets, some general inner pages.
Regards, Sean
Hi, I’m using HTML version and I love this theme. Despite that I am having a hard time trying to “activate” menu-item on the aside menu when we click on a specific link option.
Should’t it only be necessary to import the initialize.js file so it can handle this for us? Could you please point me in the right direction?
Thank you very much.
Hi,
Sorry for the late reply.
The menu active states must be handled in server side when you generate the page you can activate required menu link and it’s parents following the Metronic’s menu markup. If you use JS for that users may notice the delay until page fully loads and activates the menu links:
https://imgur.com/fVMBCYKFor more info please contact our support via support@keenthemescom
Regards, Sean
Hello, are you guys updating laravel version to laravel mix 6?
Hi,
Yes, we will update laravel mix version in upcoming updates.
Thank you!
Hi, I need some help with integrating a custom layout that I’ve exported from the Layout Builder. I’ve downloaded the zip file, but I’m not sure how to actually update the layout in my project. I’m using Webpack to build the template.
Hi ,
Can you please check this video tutorial https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes that explains the layout builder usage for real projects.
For any further help please reach our support team via support@keenthemes.com
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hi, Is the angular 11 version comes with model federation. we are into micro architecture and both our front and backend are deployed using plugins. so want to know if you are already set for micro architecture or if we need to do it is their any guide/documentation available. thanks
Hi MasterInChief
We don’t have the goal to use Model Federation in our project, cause we are UI Library with examples, and only a few users need MFE or even have expertise on MFE. For the Angular version, we will continue to use the setup from Angular CLI without any modifications to the standard configurations.
Regards, Keenthemes support
thanks for reply, can you answer second half of my question : is their any documentation or small guide that you can provide so we can convert the UI library to MFE ?
No, we don’t have such guide.
Regards, Keenthemes support
Hi, I add Axios to gulp.config.js, but the console keep asking for it’s minimap. Can I include this minimap in gulp config without adding manually? thanks.
oh and one more thing, i try to remove summernote and apexchart from optional and move it into custom. but when I check on my page that using summernote it was mess up although I include the summernote CSS and JS file already. can you help me am I doing it correctly? here’s the configuration I made :
https://pastebin.com/QsJ8R8p6Thanks.
Hi,
Could you please try this config. It will move the sourcemap file to the output folder
"axios-sourcemap": {
"src": {
"media": [
"{$config.path.node_modules}/axios/dist/axios.min.map"
]
},
"output": {
"media": "{$config.dist}/plugins/custom/axios"
}
}
Thanks
For the summer note issue; when you move the summer note to the custom. By right, it will build as a separate bundle file. Have you included it on your summer note page?
"summernote": {
"src": {
"styles": [
"{$config.path.node_modules}/summernote/dist/summernote-bs4.css"
],
"scripts": [
"{$config.path.node_modules}/summernote/dist/summernote-bs4.js"
],
"fonts": [
"{$config.path.node_modules}/summernote/dist/font/**"
]
},
"bundle": {
"styles": "{$config.dist}/plugins/custom/summernote/summernote.bundle.css",
"scripts": "{$config.dist}/plugins/custom/summernote/summernote.bundle.js"
}
},
I include the CSS and JS file like this:
<link href="/assets/plugins/custom/summernote/summernote.bundle.css" rel="stylesheet" type="text/css" />and for JS:
<script src="/assets/plugins/custom/summernote/summernote.bundle.js"></script>
Hi,
Please specify the “summernote.bundle.fonts” as output path as well, similar to “summernote.src.fonts”
Do you include the CSS after other CSS files?
Thanks
Hi, thank for the reply. But can you tell me how can i specify the “summernote.bundle.fonts” as output path? Yes i include the CSS already i put it above plugins.bundle.css and style.bundle.css.
Hi,
I mean like this, you have specify the output path for font as well.
"summernote": {
"src": {
"styles": [
"{$config.path.node_modules}/summernote/dist/summernote-bs4.css"
],
"scripts": [
"{$config.path.node_modules}/summernote/dist/summernote-bs4.js"
],
"fonts": [
"{$config.path.node_modules}/summernote/dist/font/**"
]
},
"bundle": {
"styles": "{$config.dist}/plugins/custom/summernote/summernote.bundle.css",
"scripts": "{$config.dist}/plugins/custom/summernote/summernote.bundle.js",
"fonts": "{$config.dist}/plugins/custom/summernote/dist/font"
}
}
Thanks
Hi, it seem the fonts is not copied to /plugins/custom/summernote/dist/font. it make an error since font can’t be found.
Hi,
The code I sent above should copy the summernote font into plugins/custom/summernote/dist/font
Thanks
I’m not sure what’s wrong, but there’s nothing there. you can take a look at my screenshot there’s no any file:
https://prnt.sc/10ex4i5I check Summernote in node_modules and there’s fonts in there : https://prnt.sc/10ex6cj
Hi,
Right, the fonts not moving from node_modules to the output location using those configs.
We will fix it soon.
Thanks
Only Demo 1 is in Laravel ??
Or are the other demos in Laravel?
Hi,
Yes, the Laravel integration contains only one Demo1 as example and other demos you can integrate by reusing the Demo 1 base code.
For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
I’m having an issue with the KTDatatable. The overflow and autoHide options that I set in the columns will not affect the table on Mobile browsers. The Actions column I have is overflowing and overflow is unset. Works fine on desktops. See the screenshot here.
Hi,
For the hidden column, did you set the option to disable autoHide? Please try to remove it, if any.
autoHide: false,Thanks
Hi I have very basic knowledge of HTML & CSS. I am trying to find the basic HTML pages which I can start editing. I am unable to do so, I tried reading the documentation, however it asks me to start a gulp server etc.
Can you help me where I can find the entire templates basic html / css pages?
Hi,
First of all thanks for choosing Metronic.
No worries, you still can use HTML static templates. In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.
Please note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Dear Dean, G’day.
I’m trying use in my project multiple select2 inside of class=”collapse”. Width of field select2 is broken.Could you advise any solutions, how I can use multiple select2 inside of class=”collapse”. Thank you in advance.
<div class="card">
<div class="card-header" id="headingOption">
<div class="card-title collapsed" data-toggle="collapse" data-target="#collapseOption">Option</div>
</div>
<div id="collapseOption" class="collapse" data-parent="">
<div class="card-body">
<div class="form-group">
<select class="form-control select2" id="kt_select2_3_1" name="param" multiple="multiple">
<option>Select Option...</option>
<option value="1" selected="selected">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>
</div>
</div>
</div>
sorry, I mean Sean!
Hi,
Sorry for the late reply. We were checking it and trying to find a workaround. Can you try to add below HTML attribute for your select2 tag ?
data-width="100%"
For more info please check: https://select2.org/
Regards, Sean
Dear Sean, supper solution, thanks.
You are the most welcome All the best with your projects!
By default , it got an error.
./src/_metronic/i18n/Metronici18n.js Line 36:12: ‘displayName’ is not defined no-undef
Hi singleseeker,
Please mail us ‘support@keenthemes.com’, with screenshots of your error, demo number, and version of the application (7.x.x/6.x.x). In that case, we will be able to reproduce your case.
Regards, Keenthemes support
Hi,
You can use Bootstrap Pill Tabs to have similar pagination effect where each button will be a tab linked to the tab content above. If you need any further help please contact our support and provide your Metronic version.
For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
so it can be put at footer or only in card toolbar?
Can be put anywhere, in the footer as well.
I use Pill Tabs as you recommended, but still i can’t put it in center. Is it possible to center it? https://prnt.sc/1055u7j
Hi,
You can use flex classes to center the pagination:
<div class="d-flex justify-content-center align-items-center"> <!--put your pagination code here--> </div>For more info please check: https://getbootstrap.com/docs/4.6/utilities/flex/
Regards, Sean
Hello,
Please let me know how do I stop hiding offcanvas when clicked outside?
Hi,
You just need to set overlay: false as explained in the doc: https://keenthemes.com/metronic/?page=docs§ion=html-components-offcanvasFor more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hi Sean,
Thanks for the reply.
Hello, Do you have a release date planned for demo 6 in reactJS ?
Hi,
We are not working on Bootstrap 5 version of Metronic and those demos will be released later once we complete this major update. At the moment we can’t give any ETA but we are doing our best to release them as soon as possible.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hello there, Asesst files do not install. Please send me html css files urgently or cancel order! I cannot install, assesst folder does not come. I cannot.
Hi,
First of all thanks for choosing Metronic.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.
Please note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
I do it the way you say but it doesn’t work
Hi,
Can you please contact our support via support@keenthemes.com and provide screenshots of command line tasks output ? Where did you stuck and what issues you had ?
Regards, Sean
Dear Metronic Team,
I wanna use your authentication service from your React projects, I know how you handled authentication service(Token-Base) But I do not have any idea about your Logic and I can’t find its document anywhere!
Also about other services such as Redux or etc.. all goes the same. Topics like “handling sending a request to an API” or working with your “E-commerce module”, All go to the same thing.
please help me to figure it out. thank you.
Hi dejavupink,
Please mail us ‘support@keenthemes.com’, then we will try to help you.
Regards, Keenthemes support
If there is no Vue template available, Can I integrate the HTML template available with Vue.
For example, there is no Apps templates like TODO, Files etc available for Vue. Will I be able to use the HTML templates available for these apps, use with Vue? Please advise. Also provide any documentation or guidance for this.
Hi,
Sorry for the late reply.
Html pages are compatible with Vue I guess that the only problem might be with plugins, some of them require jQuery.
Sorry but at the moment we do not have such a tutorial.
Thank you!
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
