12183 comments found.
Header of datatable should be a bug. https://imgur.com/4UsEgOu
Hi,
Thanks for your feedback. May I know your browser and OS versions ? Also which Metronic version are you using ? Or you encountered this issue in your preview site ?
Thanks.
PreSales – How difficult is it to change one demo to another after reaching some development stage?
Hi 
,
Thanks for your interest in Metronic. Each demo has its unique design however the code structure, HTML makrup and layout’s javascript initializations are quite similar so you can relatively easily can switch to other demos. However this is not an one click task. You will need to figure it out by referring to the demo’s source code but once you figure it out it will be quite easy. If you need any further info please let us know.
Thanks.
Well, I would like to announce that in regard to onesoft and keenthemes, the whmcs version will be developed, please wait for keenthemes feedback.
Hi ,
Thanks for your interest in Metronic. For this you will need our official permission. Could you please contact us at support@keenthemes.com for further discussion.
Thanks.
Please, support video tutorials as soon as possible!
Hi,
Yes, it’s in our todo list and we will provide them as soon as possible.
Thanks.
Hi, when Angular 6 Version will come ? i just download it and there is only one demo i need demo 6 .
Hi,
We are working and we will release the angular versions for the rest of the demos as soon as possible.
Thanks.
Hi. Do you have a separate CSS documentation?
Hi,
We have only general documentation. If you need more info on the css you can refer to the sass files or contact our support at support@keenthemes.com
Thanks
Hi, I’ve used metronic 5, how to set left menu fixed. So when I scroll content, left menu still fixed (not scrolling too) ?
Hi,
Please kindly renew your support subscription as it is expired now. Then you cN request us the theme support according our support policy.
Thanks
Any video tutorial for creating simple project with few optional library?
Hi,
At the moment we do not have it. The video tutorials will be available soon. Stay tuned!
Thanks.
When I browse your theme on a mobile device I get access denied error (Forbidden: You do not have permission to access /metronic/preview/ on this server) but when I use a PC it works fine ? any idea?
Hi,
Please check if the URL is correct. You can get the demo links here: https://keenthemes.com/metronic/Thanks
Hi,
I am using the metronic html_table, and i want change the widht of the first column. Tried “th width” but didnt work, can you please tell how to change the column widht. thx in advance.
Hi,
Please refer to the documentation and check the column settings part. Ypu can set width fir each column under column settings array.
Thanks.
It would be really nice to make all the dashboards open source so the Metronic community can contribute. I’m assuming it will take a while for KeenThemes to release the new alternate demo templates.
Hi,
Thanks for the suggestion. Since Metronic is excluaively sold in theemforest it can not be redistrubuted as open source.
Thanks.
I cant access the builder -
Forbidden You don’t have permission to access /metronic/preview/ on this server.
Apache/2.2.15 (CentOS) Server at keenthemes.com Port 443
Hi,
Sorry for the inconvenience. We will fix the link in documentation. There correct link is as below.
https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/?page=builder&demo=defaultThanks
Hello I want to know if it can be used to create my admin theme with asp.net
Hi ,
Sure, you can use Metronic with any backend language and frameworks.
Thanks.
Hi keenthemes,
I want to display tabs icons and its title string in the same line in the desktop view mode, and only icons in the mobile or tablet mode, like that :
Desktop view mode : https://ibb.co/bOmXae
And Mobile / tablet mode : https://ibb.co/mvJOgK
Thi is my initial code :
<ul class="nav nav-tabs m-tabs-line--success" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#vehicule_tab_1">
<i class="fa fa-info-circle" /> {% trans "Infos" %}
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#vehicule_tab_2">
<i class="fa fa-info m--font-brand" /> {% trans "Infos. supp" %}
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#vehicule_tab_3">
<i class="la la-key m--font-brand" /> {% trans "Acquisition" %}
</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" data-toggle="tab" href="#vehicule_tab_4">
<i class="fa fa-road" /> {% trans "Circulation" %}
</a>
</li>
</ul>
It render in the desktop good, like that : https://ibb.co/bOmXae
But in the mobile , not good like that : https://ibb.co/iiBb1K
I did some hacks using a <span class="m--visible-desktop" />, it worked, but with no luck with desktop mode , I thought using will bring some change but nothing, here my final code:
<ul class="nav nav-tabs m-tabs-line--success" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#vehicule_tab_1">
<i class="fa fa-info-circle" /><span class="m--visible-desktop">{% trans "Infos" %}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#vehicule_tab_2">
<i class="fa fa-info m--font-brand" /><span class="m--visible-desktop">{% trans "Infos. supp" %}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#vehicule_tab_3">
<i class="la la-key m--font-brand" /><span class="m--visible-desktop">{% trans "Acquisition" %}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" data-toggle="tab" href="#vehicule_tab_4">
<i class="fa fa-road" /><span class="m--visible-desktop"><span>{% trans "Circulation" %}</span>
</span></a>
</li>
</ul>
It render in Mobile greate like that : https://ibb.co/mvJOgK
But in the desktop, is not good, like that :
Any idea how to make string and icons in the same line in the desktop view mode, and only icons in the mobile or tablet mode ???
Thank you keenthemes.
Hi,
Sorry for the late reply, can you try “m—visible-inline-desktop” ? This uses “inline-block” instead of “block”.
Thank.
Hi Keenthemes,
Thanks for the reply,
but it didn’t work, it is like you did nothing, it stays the same, strings are displayed on desktop and mobile.
any other hack ???
thank you
sorry for my english : I ment “It is like it did nothing”. thatnk’s for the understanding.
Sorry
Hi,
Can you please provide us a test link to your site ? We could not reproduce this issue in our end. We will need to check your actual code from the browser source.
Thanks.
I’m sorry but I don’t have a test link or a website , it is a local..
but it is simple, they are just a bootstrap tabs with icons, I took it from your bootstrap tabs pages, I didn’t change nothing, I just want the title of the tab doesn’t show on mobile and tablet; but it does on desktop, that’s it. here the snippet of your bootstrap tabs :
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#m_tabs_1_1">
<i class="la la-exclamation-triangle" /> Active
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#m_tabs_1_2">
<i class="la la-cloud-download" /> Link 1
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#m_tabs_1_3">
<i class="la la-puzzle-piece m--font-danger" /> Link 2
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="m_tabs_1_1" role="tabpanel">
Lorem Ipsum is simply dummy text of the printing....
</div>
<div class="tab-pane" id="m_tabs_1_2" role="tabpanel">
It has survived not only five centuries,
</div>
<div class="tab-pane" id="m_tabs_1_3" role="tabpanel">
Lorem Ipsum is simply dummy text of the printing....
</div>
</div>
What I want it that “Active”, “Link 1” and “Link 2” tab titles don’t show when browsing in mobile and tablet, but do show in desktop mode.
PS : Link 1 didn’t work.
Thank you keenthemes.
In the “PS:” section I didn’t show up nicely cause it is a code :
I men’t : <span class="m--visible-inline-desktop">Link 1</span>
or the “m—visible-inline-desktop” that you gave me didn’t work.
hope to hear from you very soon
thank you
Hi,
Sorry, we took a while to provide this solution. Please use the below code to hide the tab title for mobile mode:
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#m_tabs_1_1">
<i class="flaticon-interface-5" /> <span class="m--visible-desktop-inline-block">Active1</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#m_tabs_1_3">
<i class="flaticon-placeholder-2" /> <span class="m--visible-desktop-inline-block">Link 1</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#m_tabs_1_3">
<i class="flaticon-lock m--font-danger" /> <span class="m--visible-desktop-inline-block">Link 2</span>
</a>
</li>
</ul>
Here as a workaround we used Metronic responsive utility class to hide the tab title for mobile mode. If you need any further clarifications please let us know.
Thanks.
used class=”m—visible-desktop-inline-block” worked like a charm
Wonderfull.
thank you keenthemes.
Great! All the best with your project
Can we know Angular 6 release dates for remaining components. It covers only small subset now. What components is expected to be released in which date? Thanks!
We have enormous amount of features implemented in Metronic Angular 6.
Please specify, what exactly you would like to use in your project. Or do you mean that every single jQuery plugin must be implemented in Native Angular 6? The answer is: This is not technically possible.
However, we are already working on Metronic’s Native Angular 6 improvements, mindfully listening to customers requests and considering to implement them in upcoming updates. In the near future you will see more features and demos implemented. Thanks!
bug of timeline-1.html and timeline-2.html
Hi,
Can you email our support at support@keenthemes.com ? Here the screenshot is not visible.
Thanks.
Hi! Do you have a private git repo to follow the development changes?
Hi
Thanks.
Hi Keenthemes, I sent you an “hire us” proposal on your website but I’m not sure you received it. I clicked a multiple times on the “Send me quote” button but I didn’t received any confirmation. So, could you confirm me that you received it. If yes, sorry if you got a series of similar messages. If not, could you give me an other way to send you my proposal ? Thanks
Hi @sbroquet
Sorry for the inconvenience. We have not received it. We had an issue with the “hire us” form before. But we have fixed it now.
Please send again to our email: support@keenthemes.com
Sorry again for the inconvenience 
Thanks
I downloaded the new angular 6 version, but If I try to make an api call or just something simple like setTimeout(() => { this.text = “New text” }, 1000);
And I have {{text}} displayed on the page, the text it’s not updated only if I click a text field or button on the page or if I call
this.changeDetectorRef.markForCheck()
from .ts code.
Why is this happening? And what should I do to fix this problem?
Thanks
Also I just saw now that on login page you also use this logic of calling this.cdr.detectChanges();
after receiving the response from api.
Why this hack? The changes should be detected automatically and updated in the UI without explicit calls.
What can be done to fix this issue?
I tested this on both Chrome and Safari on mac book pro High Siera and on your demo website on the linked from above (not local).
The tests that I described in previous comments were on local machine, this is on your demo.
Thanks.
Hi
For the 2 comments above, you can remove “changeDetection: ChangeDetectionStrategy.OnPush” from component decorator.
We used this method to gain performance especially on IE. Not at all time, this method can be useful. Some components, we have to set the change detection to default, so the view changes will be updated automatically.
For the last comment, we will fix it. Its due the same issue, which is changeDetection option OnPush (manual view update).
Thanks
Select2 events doesn’t work, any plans on fixing them?
$(".m_select2_1").on('select:select', function() {
console.log('selected');
});
Hi,
Please make sure you are using the latest version of the theme with latest Select2 version. And for more info please check the select2 official documentation here: https://select2.org/. As we are not author of this plugin we can not control its genuine bugs. If you encounter any big you can report to the plugin authors through their github repo.
Thanks.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
