Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template (Page 241)

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12182 comments found.

chirayu25

over 7 years ago

PreSales – How difficult is it to change one demo to another after reaching some development stage?

keenthemes Author

over 7 years ago

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.

krigan83

over 7 years ago

Well, I would like to announce that in regard to onesoft and keenthemes, the whmcs version will be developed, please wait for keenthemes feedback.

keenthemes Author

over 7 years ago

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.

dinhthap Purchased

over 7 years ago

Please, support video tutorials as soon as possible!

keenthemes Author

over 7 years ago

Hi,

Yes, it’s in our todo list and we will provide them as soon as possible.

Thanks.

mobadrah Purchased

over 7 years ago

Hi, when Angular 6 Version will come ? i just download it and there is only one demo i need demo 6 .

keenthemes Author

over 7 years ago

Hi,

We are working and we will release the angular versions for the rest of the demos as soon as possible.

Thanks.

arsengev11 Purchased

over 7 years ago

Hi. Do you have a separate CSS documentation?

keenthemes Author

over 7 years ago

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

pudyasto Purchased

over 7 years ago

Hi, I’ve used metronic 5, how to set left menu fixed. So when I scroll content, left menu still fixed (not scrolling too) ?

keenthemes Author

over 7 years ago

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

dinhthap Purchased

over 7 years ago

Any video tutorial for creating simple project with few optional library?

keenthemes Author

over 7 years ago

Hi,

At the moment we do not have it. The video tutorials will be available soon. Stay tuned!

Thanks.

ali1564

over 7 years ago

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?

PixelDots Author Team

over 7 years ago

Hi,

Please check if the URL is correct. You can get the demo links here: https://keenthemes.com/metronic/

Thanks

Cengiz87 Purchased

over 7 years ago

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.

keenthemes Author

over 7 years ago

Hi,

Please refer to the documentation and check the column settings part. Ypu can set width fir each column under column settings array.

Thanks.

dmgdev Purchased

over 7 years ago

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.

keenthemes Author

over 7 years ago

Hi,

Thanks for the suggestion. Since Metronic is excluaively sold in theemforest it can not be redistrubuted as open source.

Thanks.

cryptocalendario Purchased

over 7 years ago

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

PixelDots Author Team

over 7 years ago

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=default

Thanks

mereradhakrishan

over 7 years ago

Hello I want to know if it can be used to create my admin theme with asp.net

keenthemes Author

over 7 years ago

Hi ,

Sure, you can use Metronic with any backend language and frameworks.

Thanks.

riterix Purchased

over 7 years ago

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 :

https://ibb.co/cQGXae

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.

6 other replies

keenthemes Author

over 7 years ago

Hi,

Sorry for the late reply, can you try “m—visible-inline-desktop” ? This uses “inline-block” instead of “block”.

Thank.

riterix Purchased

over 7 years ago

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

riterix Purchased

over 7 years ago

sorry for my english : I ment “It is like it did nothing”. thatnk’s for the understanding.

Sorry

keenthemes Author

over 7 years ago

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.

riterix Purchased

over 7 years ago

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.

riterix Purchased

over 7 years ago

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

keenthemes Author

over 7 years ago

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.

riterix Purchased

over 7 years ago

used class=”m—visible-desktop-inline-block” worked like a charm

Wonderfull.

thank you keenthemes.

keenthemes Author

over 7 years ago

Great! All the best with your project

arsengev11 Purchased

over 7 years ago

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!

keenthemes Author

over 7 years ago

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!

hutaoseven Purchased

over 7 years ago

bug of timeline-1.html and timeline-2.html

keenthemes Author

over 7 years ago

Hi,

Can you email our support at support@keenthemes.com ? Here the screenshot is not visible.

Thanks.

xatrix Purchased

over 7 years ago

Hi! Do you have a private git repo to follow the development changes?

keenthemes Author

over 7 years ago

You can register in our private repo here: https://keenthemes.com/metronic/?page=github However this not our development repo, this is our release repo. The development repo’s structure is quite different(it has other build tools used internally) and it does not match the file structure of the release version. That’s why we have separate repo for our customers.

Thanks.

sbroquet Purchased

over 7 years ago

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

PixelDots Author Team

over 7 years ago

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

biskis

over 7 years ago

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

biskis

over 7 years ago

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?

biskis

over 7 years ago

Also in your example I found this problem. If you go here: https://keenthemes.com/metronic/preview/angular/default/material/popups-and-modals/dialog - And type my name - Click Pick One - Type a animal for example “dog” - Click “ok” - Nothing appears under “2. Pick one” (can wait any amount of time) - If I click on name input under button I can see now: “3. You choose: dog” - Same happends if I resize the window, but does not happend automatically.

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.

PixelDots Author Team

over 7 years ago

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

amlife Purchased

over 7 years ago

Select2 events doesn’t work, any plans on fixing them?


$(".m_select2_1").on('select:select', function() {

    console.log('selected');

});

keenthemes Author

over 7 years ago

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.

intellbits Purchased

over 7 years ago

Github access page doesn’t send me the access invitation and my data is valid

2 other replies

PixelDots Author Team

over 7 years ago

What is your github username? We will check it now.

Thanks

intellbits Purchased

over 7 years ago

@felixsolorzano

PixelDots Author Team

over 7 years ago

Hi @fenixx,

Can you please try again now? Sorry for the inconvenience.

Thanks

intellbits Purchased

over 7 years ago

Still not receiving the invitation

PixelDots Author Team

over 7 years ago

Okay, we have sent the invitation manually.

Thanks

$49

Included: Quality checked by Envato
Included: Future updates
Included: 6 months support from keenthemes

Extend support to 12 months $39.38 $16.88

Quantity

Price is in US dollars and excludes tax and handling fees

This item was featured on ThemeForest

Power Elite Author

keenthemes

View Portfolio

Last Update	14 December 2025
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, TypeScript
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, Sass Files, SCSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin dashboard template, admin themes, angular, asp.net core, blazor, bootstrap 5, html, laravel, metronic, react, shadcn, tailwind, tailwind css, vuejs
Created	13 years ago

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

keenthemes supports this item

12182 comments found.

keenthemes

Tell us what you think!