12220 comments found.
it say full support angular. but not all demos are included. So when will be added more demos. We want to use demo 6 in our project. What is the best way to use that?
Hi 
At the moment, we have demo1 to demo5. More demos will be added in the next updates soon. Stay tuned.
Thanks
You didnt answer my question completely Since there a lot of people asking the same thing. First what is the estimate for the next update and what demos will be included? secondly no body know when you added all demos you should provide a workaround to add demos.
Hi,
Sorry, we can not confirm the timeline for each upcoming demos. We will release them as soon as possible. Please stay tuned!
Thanks.
Hi, Metronic 5.5 Angular 6:
in pages.ts: when i add ‘samplepage’ to the pages list and I open /samplepage, the page opens and the title of the page is shown, bug when I open /samplepage?id=1, the page opens, but the title is now shown.
What should I do?
Thanks
Hi
Thanks for your feedback. Here is the workaround. Please find this file; /theme/angular/dist/demo/[demo]/src/app/core/services/layout/subheader.service.ts
Change below code line;this.pageConfig = objectPath.get(this.config, this.router.url.substring(1).replace(/\//g, '.') || '/');to this codes;
let url = this.router.url.substring(1).replace(/\//g, '.') || '/';
url = url.substring(0, url.indexOf('?'));
this.pageConfig = objectPath.get(this.config, url);
We get the page title from config, using url path. We need to remove ?id=1 before we use the path to search in array config.
Thanks
Thanks for the reply, but that didn’t solve the problem 
There are two lines with that code. I replaced both of the with the new code, but that’s making title of the pages buggy. Now other pages titles doesn’t load sometime.
Have you tried your code?
Hi
changeDetection: ChangeDetectionStrategy.OnPush,
Thanks
“Maybe” is not enough.
Please test your solutions before answering.
The title does not show when there is no ’?=’
I also removed line above from subheader component, and it didn’t solve the problem either
Thanks
Hi
We have tested the solution above and we already applied it in the current development version.
The flow is like this; We need to remove ?id=1 from (this.router.url) variable before we use it to search in array config.
this.pageConfig should have 1 object from page.config.ts. You can try to use console.log(this.pageConfig) to see the variable.
Thanks
Hello … I downloaded the file today but I didn’t find the template files inside the folders ??? !!!
The Demo 5 folder has no files such as the Dimo 1 folder Also I did not find the rtl folder
Hi
All components and widgets you can get from demo1. The content should be compatible for all demos (demo2 – demo12). You can copy the components HTML from demo1 and use it in other demos.
Please check this doc on how to get the RTL view by changing the CSS file. https://keenthemes.com/metronic/?page=docs§ion=rtl-versionThanks
I could not perform the steps written here :
Right to Left (RTL) version CSS files are included within the theme. To change it, find the “RTL Version” CSS link in the source code files.
Run assets compiler with—rtl flag in [root]/theme/default/tools folder to generate the RTL version of CSS files.
gulp—rtl Also can be enabled via config in [root]/theme/default/tools/build.json and run the Gulp compiler to update the assets.
Hi
/theme/angular/dist/default/src/assets/css
Check these files and change the existing .css path to .rtl.css.
/theme/angular/dist/default/src/styles.scss /theme/angular/dist/default/src/app/views/themes/[demo]/base/base.component.scssEdit this file and add the rtl attribute to the html tag
/theme/angular/dist/default/src/index.html <html direction="rtl" dir="rtl" style="direction: rtl" >
Thanks
I could find that there is a limited arrangements on Angular components. I tried to copy the HTML into the angular, but its really time consuming to replicate all the work to build them as components. Also if I simply copy and paste into the html part of angular, its not working properly. I really bought this theme because I saw in your description that the theme is built in Angular too. But now totally disappointed. Is there any future update with Angular components.
Hi
Thanks for your feedback. When you copy HTML from the default package into Angular, by right the style should work. If the component has js, it need to be implemented with Angular way. Eg. jquery plugin will not work in Angular.
Thanks
Are you planning to build them your own in the near future, as I bought this only because I thought its there in the package as usually we find in other sellers. My project is completely in Angular and this package is a double work now for me.
Hi
At the moment, we will complete to release all 12 demos for Angular near in the future updates. After that we will add more components into Angular.
Thanks
Hello there is a problem with the css in the Summernote WYSIWYG section could they fix it? attached capture. It happens when I press the editor’s options
Hi
Thanks for your report. We will check it further and fix it soon
Thanks
Hi, I have 2 questions:
01 – what is the difference between ‘Classic’ and ‘Default’ in the themes folder?
02 – the Default demos won’t load… there doesn’t seem to be a CSS folder under theme/default/src (however the demo files are referencing one)
Hi ,
2) The Default Package is a separate package of Keen that uses mainly build tools, such as Gulp(task manager), SASS , Yarn(package manager). To launch the package you should install the required build tools by referring to the documentation and run “gulp build” to generate the HTML templates and the theme assets(css, js, media).
Regards, Sean
.
Hi Metronic Themes , i have a litlle issue with using the dropdown after setting up the bundle.css and js it doesnt seem to work and its only the UI that shows but no thing else works. Need Help its Urgent
Hi,
Can you please contact our support at support@keenthemes.com and provide your HTML code you used for the dropdown menu ? Also please send us a screenshot of your browser console if there is any JS errors.
Regards, Sean
it is an existing angular project and i have imported the css in the styles.scss and registered the JavaScripts in the angular.json file which the UI comes fine but it doesn’t seem to run the basic javascript needed for drop-down and other components
and i already requested for support and am expecting a feedback that am still awaiting
Hi,
We have replied it to Babatunde.olabode email.
Thanks
Hi, I really like the Metronic template… But I don’t want angular version. Is it possible for me to use this default dashboard template in basic html format ?
Hi ,
The Angular version is a separate package and you do not have to use it if you like to use the default jquery package. You can use both packages separately. If you need any further clarifications please let us know.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
Hello there, how to hide columns by default (will always be only as a “kt-datatable__detail” column no matter how wide the table will be) in the KT-Datatables, please? This should fix the problems with horizontal scrolling. Thank you!
Hi
Currently no option to force column to be hidden in the expand row. We will fix the horizontal scrolling issue. Could you please send the screenshot of your horizontal scrolling issue?
Thanks
Will there be a release for webpack soon?
Hi ,
Yes, we are working on it and we will provide a separate webpack.config file in a future update.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Thanks.
I have purchased Metronic version 6 and am a bit lost on how i can integrate it with Yii 2. Your support will be highly appreciated.
Hi
We have no documentation specifically for YII 2 framework.
Please download the HTML partials from https://keenthemes.com/metronic/preview/?page=builder.
It would be easier to integrate the template using these partial files.
Are you the person name “Mcotieno”? We have reply your question via email, because the answer will be a long text. Please send an email to support@keenthemes.com, we will send you the generate guide for it.
Thanks
HI, i am unable to find demo pages of other than demo1 like demo2, demo3, demo8 etc
like this file. https://keenthemes.com/metronic/preview/demo2/custom/apps/user/list-datatable.htmlthese files are not available
Hi
You can get the sample page and JS initialization from the demo1. Basically, the page contents are the same and compatible with all of the demos.
https://keenthemes.com/metronic/preview/demo1/custom/apps/user/list-datatable.htmlThanks
Is there any documentation on Metronic 6 Framework intergration into YII 2 Framework
Hi
We have no documentation specifically for YII 2 framework. Please download the HTML partials from https://keenthemes.com/metronic/preview/?page=builder.
It would be easier to integrate the template using these partial files.
Please send an email to support@keenthemes.com, we will send you the generate guide for it.
Thanks
Hello there, you should add into KT-Datatable horizontal scrolling, see how does it looks in mobiles (if the first column is even wider, it’s terrible)... https://keenthemes.com/metronic/preview/demo1/crud/metronic-datatable/advanced/column-rendering.html
Thanks!
Also try to fix sorting when NULL values are there. Thanks!
Hi
Thanks for your feedback. We will fix horizontal scrolling issue. Could you please clarify sorting with NULL values? Was there any JS errors or the incorrect result?
Thanks
Hi The theme looks amazing regarding the documentaiton, Does it have a starter project with, clear information on how "Modify" the existing pages something like "Getting Started guide" for a new project, can you pls share a sample documentation? What are the 3rd party angular package dependencies? Does it have support for AOT and SSR?
Hi
You can check the Angular demo here; https://keenthemes.com/metronic/preview/angular/
The Angular support AOT, but SSR not included. Let us know if you need further clarifications.
Thanks
Love the Metronics theme! But I’m stuck on how to add additional columns to datatable-default without losing the sorting and search functionality. I’ve searched for hours and I know this question has been asked before, but I just can’t figure out how to make this happen (and which exact file to modify). This is such a basic feature that everyone needs—there should be a simple way to add columns!
Thanks for your help
Hi
Which version are you using? Default HTML or Classic version?
Are you using KTdatatable or DataTable? Local data or remote data source? If remote, the new column depends on your remote server.
For KTDatatable, you can refer to the example JS init code. You can see there is an option “columns” /theme/default/src/assets/js/theme/pages/crud/metronic-datatable/base/data-ajax.js
Thanks
Hi there, why the method ”.toLocaleString()” doesn’t work in the columns.template function of the KT-Datatable, please? Thanks.
Hi
Can you show the full code in template function?
Thanks
template: function (row) {
(row.mortgage_value).toLocaleString();
}
Thanks.
RESOLVED: Sorry, it’s my fault. I store values in DB as a string…
Glad it worked
Please feel free to ask if you need any more questions
I have a question about the Angular version. If I want to use the Angular version there is nothing available except the basic layout, the Google material and Ng bootstrap elements?
Not even the design of the form controls? Because in the normal template the forms look much better and also fit to the template. The Google material components do not fit to the design.
Hi
The Angular show the various base layout demos. But the HTML component design from HTML template still compatible with Angular. You can copy the HTML and use it in Angular.
Thanks
Hello! how do i make work the tooltip with dark skin on datatables?
I tried with:
$('table').on('draw.dt', function() {
$('[data-toggle="kt-tooltip"]').tooltip();
});
then tried to use it like this:
if ($this->isConfirmed()) {
if ($this->id != 1 && $this->id != auth()->id()) {
return '<a href="'.route(
'admin.auth.user.unconfirm',
$this
).'" data-toggle="kt-tooltip" data-skin="dark" title="'.__('Deshacer').'" name="confirm_item"><span class="badge badge-success" style="cursor:pointer">'.__('Si').'</span></a>';
}
return '<span class="badge badge-success">'.__('Si').'</span>';
}
but it keeps showing the white tooltip the light one, how can i use the dark in the datatables?
thank you
Hi
Can you try to init tooltips using this Metronic function?
$('table').on('draw.dt', function() {
KTApp.initTooltips()
});
Thanks
Thank you it worked perfectly
Your welcome. Glad it worked
Thanks
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
