Envato Market
Web Themes & Templates
Guest Cart
0
Create an Envato Account Sign In
Cart

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

By
Cart 120,088 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12220 comments found.

ilmigo

ilmigo

almost 7 years ago

When will be React version released?

keenthemes Author

almost 7 years ago

Hi :),

It will be released in 1-2 weeks. We are testing it and preparing for 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/Stay tuned

Regards, Sean

jcarlos66

jcarlos66 Purchased

almost 7 years ago

metronic and vuejs, when will it be available?

keenthemes Author

almost 7 years ago

Hi :),

We are working on it now and hopefully it will be out in a few months.

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/Stay tuned

Regards, Sean

GLKR23

GLKR23 Purchased

almost 7 years ago

Hi, I m working with ktdatatables but need to convert date format to dd/mm/yyyy. The code below doesn’t work. How can I do?

var datatable = $(’.kt-datatable’).KTDatatable({ // datasource definition data: { type: ‘local’, source: dataJSONArray, pageSize: 20, pageLength: 30,

},
// layout definition
layout: {
    scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed.
    // height: 450, // datatable's body's fixed height
    footer: false, // display/hide footer
},
// column sorting
sortable: true,
pagination: true,
search: {
    input: $('#generalSearch'),
},
// columns definition
columns: [
    {
        field: 'id',
        title: '#',
        sortable: false,
        width: 20,
        textAlign: 'center',
    }, {
        field: 'isim',
        title: 'Ad Soyad',
    }, {
        field: 'firmaAdi',
        title: 'Departman',
        sortable: false,
}, {
    field: 'isegiris',
    title: 'İşe Giriş',
    type: 'date',
    format: 'DD/MM/YYYY'
}, {
    field: 'santiyeAdi',
    title: 'Lokasyon',
}, {
2 other replies

PixelDots Author Team

almost 7 years ago

Hi :)

Can you try to change the date format to YYYY-MM-DD in your date column option?

{
    field: 'isegiris',
    title: 'İşe Giriş',
    type: 'date',
    format: 'YYYY-MM-DD'
}

Thanks

GLKR23

GLKR23 Purchased

almost 7 years ago

Hi :)

In the date column option even I write format: ‘YYYY-MM-DD’ or ‘DD-MM-YYYY’ or just leave empty I see the result same in the table like 2019-07-06. But I live in Turkey so I need a date format in DD-MM-YYYY.

On the other when I change the table with html table and use helper to change date format I can see the result in turkish date format however when I do sorting it does sorting with YYYY-MM-DD format.

For example: let’s say we have 3 dates in html table showing like 15/05/2019, 16/05/2018, 17/05/2017. When I sort from newest to oldest, it brings result newest: 17/05/2017 oldest: 15/05/2019. Because it reads like 1505/20/19, 1705/20/17

PixelDots Author Team

almost 7 years ago

Hi :)

The format option is not to change the format, but it tells the datatable to read the date value received from the backend data.

You can use the template option in column to modify the date format for display, or you can modify the date format from your backend script API which query the database.

Example of using the local template option to render in the frontend. 
{
  field: 'isegiris',
  title: 'İşe Giriş',
  type: 'date',
  format: 'YYYY-MM-DD', // original format received from database
  template: function(rowData, index) {
    // you can refer to any online guide about the reformating date in javascript
    // untested
    var d = new Date(rowData.isegiris); // in "2015-03-25" format
    return d.getDay() + '/' + d.getMonth() + '/' + d.getFullYear(); // as 25/03/2015 format
  },
}

Thanks

wilhem

wilhem Purchased

almost 7 years ago

Hello, photoshop mockups, widgets and demos are not up to date ? I just purchased your theme and I need to create mockups to my client. Seems to be many old versions on your files. Thanks

keenthemes Author

almost 7 years ago

Hi,

Thanks for your feedback. We will try to update them in the near future. The old versions are still required by some customers so they are included just as a reference.

Regards, Sean

wilhem

wilhem Purchased

almost 7 years ago

Hi Keenthemes, I have no problems with old versions, fact is there are not the last versions except for the header, subheader and menu ( of certains demos ). All the widgets are the old versions. That’s a mess !

keenthemes Author

almost 7 years ago

Hi,

Noted, we will be working on this. Soon we will be releasing a few new figma files for our latest layouts. Stay tuned!

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/Stay tuned

Regards, Sean

dcordoba0612

dcordoba0612 Purchased

almost 7 years ago

Hello, I trying to use exclusiva datatable plugin but i didn’t found the example in the dowloaded package. Thanks.

PixelDots Author Team

almost 7 years ago

Hi :)

Please check it in this directory; /theme/default/src/assets/js/theme/pages/crud/metronic-datatable

Let us know if you need further clarifications.

Thanks

vijaygr8goud

vijaygr8goud Purchased

almost 7 years ago

While deploying the purchased angular8 code on google cloud appengine I am getting the issue. In cloud build, it uses container registry internally (i.e., gcr) which is running v8.12.0 by default which is leading to error while deploying the Angular 8.

Could you provide the angular 7 package.json for the same code.

PixelDots Author Team

almost 7 years ago

Hi :)

This is the Angular 7 package.json. Let us know if you need further helps. https://drive.google.com/open?id=1WHWdh9sxt6NwWwOcgcC6VP1zkxauWulA

Thanks

dncreativemedia Purchased

almost 7 years ago

How to add kt-datatable to angular version?

keenthemes Author

almost 7 years ago

Hi,

KTDatatable is a jquery plugin and without adding jQuery into Angular version you can not use it.

Regards, Sean

redwanirheem

redwanirheem

almost 7 years ago

Hi, My brother purchased metronic, we need to change color sidebar color.

We wanted to change sidebar to other color, but we could not – everything changed and it did not change. For help, use Demo 1

https://imgur.com/l9BkhKJ

keenthemes Author

almost 7 years ago

Hi,

You can also check our video tutorials that shows the best practices using Metronic for real projects:

1. Installation & Getting Started: https://youtu.be/dqZLWuAEdJ8 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. 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.

If you need any further help please contact our support at support@keenthemes.com

Regards, Sean

gauravhello

gauravhello Purchased

almost 7 years ago

Hey! I’ve bought the theme. But how do I find the HTML files in this theme? I want to use the theme as html and not as AngularJS. I’m including the theme files in my laravel app.

keenthemes Author

almost 7 years ago

Hi,

Metronic has 2 separate versions: Default(jQuery) and Angular. Angular is not required if you use the default version.

You can also check our video tutorials that shows the best practices using Metronic for real projects:

1. Installation & Getting Started: https://youtu.be/dqZLWuAEdJ8 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. 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

whitewingjek

whitewingjek Purchased

almost 7 years ago

Hello,

In a previous comment, it was stated that webpack was coming to version 6.04. I don’t believe that was done yet, unless I’m mistaken. Is that still a feature in progress?

keenthemes Author

almost 7 years ago

Hi :),

Yes, we mentioned that but in the next update v6.0.5. Probably it will be released within next week.

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/Stay tuned

Regards, Sean

genuinecodes

genuinecodes Purchased

almost 7 years ago

Why you removed input radius classes like m-input—pil?

keenthemes Author

almost 7 years ago

Hi,

Thanks for your feedback. According to our new design direction we decided to skip pill style inputs. If you need it you can customize your inputs by yourself with a simple css code.

Regards, Sean

genuinecodes

genuinecodes Purchased

almost 7 years ago

Hi sir, fontawesome and other icons not showing in firefox mozila.

keenthemes Author

almost 7 years ago

Hi,

This is browser’s limitation. Please try to launch it from localhost. In offline mode firefox actually can not load the font files. You can try to use Chrome if you need to browse the theme it in offline mode.

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/Stay tuned

Regards, Sean

ebayram

ebayram Purchased

almost 7 years ago

Hi;
I need a Tags Input for keywords list. I tryed your select2 tags support but its not worked. How can I do a tags input?
Thanks

keenthemes Author

almost 7 years ago

Hi,

Thanks for your feedback.

We will try to find or implement an alternative solution for this requirement in the near future.

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/Stay tuned

Regards, Sean

ebayram

ebayram Purchased

almost 7 years ago

hımm… Ok thanks I m waiting

sreinieren

sreinieren Purchased

almost 7 years ago

ERROR ReferenceError: KTToggle is not defined. Inside

You are familiar with this error?

keenthemes Author

almost 7 years ago

Hi,

Can you please contact our support at support@keenthemes.com and provide us more details ? Which version of Metronic are you using ?

Regards, Sean

ebayram

ebayram Purchased

almost 7 years ago

Hi;
How can I do short input? input-small not working.

keenthemes Author

almost 7 years ago

Hi,

By default all inputs are fluid. You can apply custom css to set fixed side.

Thanks.

ebayram

ebayram Purchased

almost 7 years ago

ok thanks

dakon09

dakon09 Purchased

almost 7 years ago

Hai,

I was found a feature “Neastable” in Metronic when i search Google. But why this feature doesnt appear in demo page?? I need that feature and i cannot find inside the metronic theme. Can you help me??

Thanks

keenthemes Author

almost 7 years ago

Hi.

Thank for your feedback. The plugin was discontinued and we did not include it in v6.x. If you really need it urgently you can try to use following one: https://github.com/RamonSmit/Nestable2

Regards, Sean

ebayram

ebayram Purchased

almost 7 years ago

Hi;

Must I type “kt_page_portlet” to id attribute for make a sticky portlet? Can I do otherwise?

And can I make just one sticky portlet? Can’t I make two side-by-side portlets sticky?

keenthemes Author

almost 7 years ago

Hi,

Yes, in our default demos the page sticky portlet is initialized using “kt_page_portlet” ID attribute and according to our design and usability principles the page level sticky portlet has be one.

For more info you can check the layout.js scripts source code from “src” folder.

Regards, Sean

ebayram

ebayram Purchased

almost 7 years ago

Thanks, I will check

balajikumar

balajikumar Purchased

almost 7 years ago

Hi I downloaded v6.0.4 the below css files are missing in the specified path. <link href=”./assets/vendors/global/vendors.bundle.css” rel=”stylesheet” type=”text/css” /> <link href=”./assets/css/demo1/style.bundle.css” rel=”stylesheet” type=”text/css” />

keenthemes Author

almost 7 years ago

Hi,

First of all thanks for choosing Metronic.

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation & Getting Started: https://youtu.be/dqZLWuAEdJ8 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. Customization: https://youtu.be/7PG5Qbg0-gM

If you need any further help please let us know.

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

Regards, Sean

wpragacz

wpragacz Purchased

almost 7 years ago

Hi, when do you plan to release the React version? Are there any date estimates ? Kind Regards W

keenthemes Author

almost 7 years ago

Hi,

Probably in 2-3 weeks, we are testing it and preparing for release. Stay tuned.

Thanks

jobinckat Purchased

almost 7 years ago

Hi I am facing some issue with KTDatatable dropdown edit for each row, datatable.on(‘click’, is not picking my click event, please help. here am attaching my code ........................... var KTDatatableRecordSelectionDemo = function() { ..... ..... columns: [{ }, ..... { field: ‘Actions’, title: ‘Actions’, template: function(row) { return ’\ \ \ \ \ \ row.id’” id=”form_organisation_details”> Organization Details\ Location and contact detials\ Tax settings and bank details\ Access rights\ Profile image and print logo\ \ \ ’; }, } ] var localSelectorDemo = function() { var datatable = $(’#organizations’).KTDatatable(options); .... ....

datatable.on(‘click’, ’#form_organisation_details’, function() { var dataId = $(this).attr(“data-id”); console.log(dataId); } } ..........................

}

PixelDots Author Team

almost 7 years ago

Hi :)

Could you please send it to support@keenthemes.com? The code is not readable.

Thanks

Regular License
Regular License Selected
$49

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$969

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$49
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from keenthemes More Info

Price is in US dollars and excludes tax and handling fees

Featured item

This item was featured on ThemeForest

Power Elite author

Power Elite Author

View Portfolio
Last Update
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
© All Rights Reserved keenthemes
Contact the Envato Market Help Team
Elements logo

Your all-in-one
creative subscription

ai lab AI tools, with the best AI models
perpetual Unlimited downloads on stock assets

Subscribe to Envato Elements.

Collage of Elements items
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees

Tell us what you think!

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

Sure, take me to the survey