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

Cart 119,756 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12203 comments found.

When Demo 14 – Awesome Tabs will be coming ? I need a similar layout for my app

Hi :),

Thanks for your interest in our theme. We will release it in the near future. We have some upcoming updates and we will attend to those pending demos.

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

Sir, Is Data Table Export Option is available ?

Hi :)

The export function for KTDatatable does not supported. But the for DataTable export is available

http://keenthemes.com/metronic/preview/demo1/crud/datatables/extensions/buttons.html.

Thanks

hello, i’m using metronic them in my laravel app but when i open one of my sub menus , that sub menu doesn’t get kt-menu__item-active and kt-menu__item-open kt-menu__item—here classes , what’s the problem?

Hi, I know whats your support policy , i wants only some help , Ok please tell me i should only add this classes to sub-menus when page loads or i should another classes? kt-menu__item-active and kt-menu__item-open kt-menu__item—here

I found the solution here thanks :https://quickadminpanel.com/blog/laravel-how-to-make-menu-item-active-by-urlroute/

Hi,

Yes, you can just go to any inner page and check the active menu link’s classes. By adding kt-menu__item-active and kt-menu__item-open kt-menu__item—here classes you can set the active menu link and submenu as well.

Yes, if https://quickadminpanel.com/blog/laravel-how-to-make-menu-item-active-by-urlroute/ helps setting the active classes then you can try to use it.

Regards, Seam

I am finding it very difficult to use as the class names used in this theme seems to be very different from standard class names. In past I have used SB Admin Free theme and that seemed to be very easy to integrate. Also, If I start with Sample page and want to remove the components I dont want to use, it is also very difficult to understand. May be you have multiple editions and I have picked up wrong one? Can you please guide?

Hi,

Thanks for your feedback.

May I know what Metronic version are you using ? Have you checked the readme files, the theme documentation and video tutorials ? Please double check those materials as we stated all the information required to get started with Metronic there. Also Metronic comes with it’s own custom layout and components so we mostly used our own classes to build unique looking layouts and components. You can also use the bootstrap classes within the content.

For any further help could you please contact our support at support@keenthemes.com ?

Regards, Sean

Hi. Do you have any plan to add react?

Hi :),

The React version was in development in past 8 months and we are almost ready to release it. Please stay tuned to get the React version in coming days.

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, I am very pleased :)

My question ‘How do I create a login page with PHP?

This Page: https://keenthemes.com/metronic/preview/demo12/rtl/custom/pages/user/login-4.html

Thanks :)

Hi :),

It’s very easy to create the login page. All you have to do is to use the login html page, the js code that we included with it and just implement your php login script according to your requirements. The server side login implementation has to be done by buyers so our support does not cover that part. But the frontend part is ready for you to get started. All the best!

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

Could you please give me an example with php?

Hi,

Sorry, our support does not cover backend integration questions. For more info please check our support policy here: https://keenthemes.com/theme-support/

Regards, Sean

Hello, This page /crud/forms/layouts/sticky-action-bar.html in iphones has problems, when I hover the sticky bar is flickering.

Hi :),

Yes, you can do that change it and it should work.

Regards, Sean

Hello again, No it didn’t work in Iphone 5s.. When I scroll up the sticky head of portal is flickering again.

When I scroll down is ok!

We tried to check it on iPhone 6.x and it worked OK. What is your iOS version ? Will it be possible to test it on latest iOS version ?

Hello,

How can we activate KDatatable Horizontal Scrolling? You said you would do it in the next update. Thanks

Hi :)

KTDatatable Horizontal scrolling currently does not supported yet. We will consider adding it in the future updates.

Thanks

Where I can find the docs for using sweetalert popups, datatable api as used in the template

Hi,

You can find the code examples by referring to the demo pages. For any further info you can refer to the plugin’s official documentation. Each plugin has links to documentation and github pages. Which datatable are you referring to ? KTDatatable or datatables.net ? For any datatables.net plugin questions you can refer to the plugin’s official documentation: https://datatables.net/ For our KTDatatable plugin you can refer to the plugin’s demo pages and the API/options documentation included in the documentation.

Regards, Sean

Good morning, I am doing a paging with KTDatatable. My service returns the following to me: { “data”: [ ... ], “meta”: { “page”: 1, “pages”: 4, “perPages”: 10, “total”: 40, “sort”: “asc”, “field”: “MyID” } }

The problem is that the view is generating 5 pages instead of just 4. Additionally in the information page is showing me: Showing NaN – NaN of 40. This is wrong. What should I configure to display the page correctly?

Ver Imagen:

https://ibb.co/bJgQ6QJ

I am following the example of user datatable of the demo. This is my configuration:

datatable = $(’#kt_apps_user_list_datatable’).KTDatatable({ // datasource definition data: { type: ‘remote’, source: { read: { url: UrlMyService, contentType: ‘application/json’ } }, pageSize: 10, // display 20 records per page serverPaging: true, serverFiltering: true, serverSorting: true }, toolbar: { items: { info: true } }, // layout definition layout: { scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed. footer: false // display/hide footer },

// column sorting
sortable: true,
pagination: true,
search: {
    input: $('#generalSearch'),
    delay: 400
},

I would appreciate some information to solve my problem Saludos

Hi :)

Can you please try to change perPages to perpage in the meta?

Thanks

Buen dia, como puedo cambiar el tipo de letra. Por defecto usa Poppins. he cambiado:

$kt-font-families: ( regular: ‘Open Sans’, heading: ‘Open Sans’ ) !default;

en _config.scss

Cambia el tipo de letra pero , los titulos aparecen con el mismo tamanio de los textos regulares

https://ibb.co/s23DM6q

Hi :)

After edit any scss file, please recompile the assets. Please check this link. https://keenthemes.com/metronic/?page=docs

Thanks

When will the React version be released? Is it possible to access the beta version while the stable it is not released?

Hi,

The React will be released as a new update for Metronic and our users can get it only after official release. We are working hard on releasing it soon. Doing final testing and bug fixing to make it production ready upon release.

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

in the documentation it indicates that in the app/core package there is the metronic core but I visualize test data, as I do to start a zero project with metronic

Hi :),

Sorry, we could not understand your issue. Could you please contact our support at support@keenthemes.com and provide more details ?

Regards, Sean

i tried removing some optionals on build.json but they are still included after gulp? why?

Hi,

Sorry for the late reply. What is your Metronic version and which demo are you using ? Have you set your demo id in the build.json ? If you need any further help please contact our support at support@keenthemes.com and provide more info for your issue.

Regards, Sean

Hi, How can I disable subheader for a specific page alone for eg https://keenthemes.com/metronic/preview/angular/demo1/wizard/wizard-2?

Hi :)

Sorry, this feature does not supported by default. Any changes to the config must refresh the page. The subheader does not attach with the Observable, in which can listen to the config changes.

Thanks

How to add login button (icon and text) to demo 4 top header

Hi,

You can get a button and put it in the topbar’s HTML:

<button type="button" class="btn btn-brand"><i class="fa fa-tag" /> Solid</button>

Then you will need to add some custom styling to align it as per your requirements.

You can check our video tutorials to learn the best practices of using Metronic in real world projects:

1. Installation & Getting Started Using Gulp: https://youtu.be/dqZLWuAEdJ8

2. Installation & Getting Started Using Webpack: https://youtu.be/97Cat1rBXYs

3. Your First Project: https://youtu.be/yu0O2Y2NXxc

4. Customization: https://youtu.be/7PG5Qbg0-gM

For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Hi. In version 6.0.6 I cant use angular in RTL version.because gulp and webpack just build RTL for Html version.

Please guide Me…

Hi :)

We are still working on it. The old way was compile the SCSS to CSS first then include into Angular. Now we made Angular include the SCSS directly without using external tools. We have to find another solution for it.

Thanks

Hi , Please consider that best way to change direction is change direction by user when project running. not as old way (before publish) ...

Thanks

Hi,

Noted, we will provide the RTL build for Angular demos in the next update in a few days. Stay tuned!

Regards, Sean

Hi,

May I know what version of Metronic you are using ? This can be due to icon class changes in the recent updates. Can you please cross check the icons in http://keenthemes.com/metronic/preview/demo1/components/icons/flaticon.html ?

Regards, Sean

I’m using version 6.0.5,

the code below I used for arrow mark:

new notification 23 hrs ago

the code below I used for the close button in modal:
Upload KML
<button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close”></button>

Hi,

Sorry for the late reply. Can you please double check your downloaded v6.0.5 version ? Which package you are using ? The buildable or classic ? Or please contact our support and send a test link to your site so we can check it online.

Regards, Sean

hi, how get rid of this line? https://prnt.sc/p0xr0e when screen resizes and makes 2 columns, line appears on bottom of first column

Hi,

Thanks for your feedback on this. We will check it further and fix it in the next update in a few days. If you need this fix urgently please email our support and we will provide the hot fix.

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

Is there any change to use jQuery 2.2.4? Some older version of Metronic maybe?

Hi,

We only support the latest version’s of 3rd-party plugins and libraries. If you need Metronic v4.x or Metronic v5.x that are based on older jQuery versions you can contact our support at support@keenthemes.com and provide your license code.

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

Do you have any plan to add VueJS support ? Planning to buy it again.

Hi :),

We are working on it currently and planning to release it in 2-3months.

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey