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,680 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12202 comments found.

is the future react 17 demo 1 built on bootstrap 5 or 4? Thanks.

Hi :),

Yes, sure. It will be based on React v17 + Bootstrap 5

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/

Regards, Sean

Hi, downloading/extracting specific theme items have become incredibly difficult. Is it possible to make dashboard/panel for subscribers where you can download a specific version?

Hi,

Thanks for your feedback on this. Noted and we will consider this. In the meantime you can use https://www.7-zip.org/ to quickly unpack the download package.

Regards, Sean

When will we see a react version of demo 1 ? in days please ? Given React is a hugely popular framework, why is this not being prioritized?

I’ve been waiting months now since the announcement of metronic 8; it feels like the announcement was premature.

When react ?

Hi,

The React version wad prioritized for sure and our React devs already preparing it for release with latest React v17 + Bootstrap 5 support. Every version has different level of complexity and sometimes the timeline can differ accordingly. We will do our best to release it as soon as possible.

Regards, Sean

Hi :),

Thanks for your feedback. Could you please clarify it ? What do you mean by “Invalid list number setting” ?

Regards, Sean

“I Agree & Terms and conditions” on the registration page has become two lines,How can I solve this problem?https://preview.keenthemes.com/metronic8/demo1/authentication/flows/basic/sign-up.html

Hi,

Thanks for informing this issue. We will fix it as soon as possible.

Regards, Sean

Hi :),

Please try to add “form-check-inline” to the “form-check” element to solve this without changing any JS code.

If you need any further help please let us know.

Regards, Sean


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. Demo 1 Vue 3:
– Skeleton setup documentation.
– Sign-in form improvements.
– Element UI library demos improvements.

2. New Plugin Integration:
– Smooth Scroll.
– Bootstrap Alerts.

3. Updates & Improvements:
– Blazor documentation.
– DropzoneJS.
– Bootstrap Tooltips.

Next up:

1. Demo 1 Laravel:
– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

2. Support Center App:
– Support dashboard.
– Tickets list page.
– New ticket modal.
– View ticket page.
– Tutorials list page.
– Tutorials post page.
– FAQ page.
– Contact us page.
– Licenses page.

3. More:
– Demo 2 HTML.
– Demo 3 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.

Stay tuned on endless updates to empower your projects!

Regards, Sean

I am using kt-datatable with ajax source data. I’d like to use the autohide rows only on small screens—how can I specify “rows: { autoHide: true }” for xs, sm, and md screens, but “rows: { autoHide: false }” for lg and xl screens?

On a related note, how can I specify the column widths to vary on smaller/larger screens?

Thank you!

Hi :)

Sorry for the inconvenience. The KTdatatable option for autohide and width does not support screen size configuration.

Thanks

Hi :),

Thanks for your feedback on this. We will check it and fix asap.

Regards, Sean

Hi, :)

We have fixed the issue. Sorry for the inconvenience.

Thanks

still waiting for BlockUI, alerts,in version 8 , shall I go back to Metronic 7 ?

Thanks for the reply , is there any alternative until you create your own ?

So far no alternative for Block-UI, we will check it. If you see any similar plugin can you please let us know ? We will check if we can use Block-UI with latest jQuery.

Trying to integrate laravel 8 and vuejs with this theme , by following this guide https://keenthemes.com/metronic/?page=docs&section=vue-laravel-integration .

But keep on getting webpack – Invalid configuration object error. How to solve it ?

Hi,

Then it should be working.

Could you please attach your package.json?

Regards,
Lauris

package json = https://pastebin.com/pFfMCx9y

webpack = https://pastebin.com/Vi4mXytU

composer json = https://pastebin.com/AWsKj0w4

npm version = 6.14.8 node version = v15.0.1

Hi,

Thank you for providing the info.

Because the new version of the laravel-mix is released you should make some additional changes.

To fix this error follow these steps:

1) Update your package.json

Remove these dependencies:
"@vue/cli-plugin-babel": "^4.5.9",
"@vue/cli-plugin-eslint": "^4.5.9",
"@vue/cli-service": "^4.5.9",
"@vue/eslint-config-prettier": "^4.0.1",

These are not required in the latest version of laravel-mix.

2)Install vue-loader by running following command:
npm install vue-loader
3)Update your webpac.mix.js file with the following code.
const mix = require('laravel-mix');
const path = require('path');

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]).vue();

mix.webpackConfig({
    output: {
        chunkFilename: `js/[name].js?id=[chunkhash]`
    },
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.runtime.esm.js',
            '@': path.resolve(__dirname, 'resources/js/src/')
        }
    }
});
4)Delete node_modules folder and package-lock.json and run command:
npm install
5)Rebuild assets with command:
npm run dev

Regards,
Lauris

Hi, could you please help on creating a webpack.mix.js for Laravel 8.

Thank you!

Hi :),

We are releasing the official Laravel version within the next or latest the following week with following features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

We would suggest to wait for the official Laravel version since it will save time and afford to gets started with your project.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/

Regards, Sean

hi,Does Laravel 8 support it?

Hi :),

Metronic 8 Laravel version will be released really soon with following key features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

If you need any further clarifications please let us know.

Regards, Sean

An error occurred in vue version 8. Integrate Laravel and vue.

The following is the error code. ./resources/js/assets/ts/_utils/_DOMEventHandlerUtil.ts 61:21-48 [tsl] ERROR in /home/www/php/laravel/main/resources/js/assets/ts/_utils/_DOMEventHandlerUtil.ts(61,22) TS2774: This condition will always return true since the function is always defined. Did you mean to call it instead?

The problem is like this code. if (element && element.removeEventListener && e && e.currentTarget) { e.currentTarget.removeEventListener(e.type, calee); }

Good morning. I will answer. Of course, we have integrated it into Metronic 8 vue, not just Metronic 7 vue Since the release of Metronic 8 vue, I tested it.

Integrated with Metronic 8.

Hi,

To fix this issue you should enable the typescript in your Laravel app.

You can follow this tutorial: https://sebastiandedeyne.com/typescript-with-laravel-mix/

We will add an updated Laravel and Vue integration doc for Metronic 8 in upcoming releases.

Regards,
Lauris

Hi im using this metronic8 demo5 with laravel inertiajs acordian menu, map not loading when i refresh each page then it is working some problem with this script <!-begin::Global Javascript Bundle(used by all pages)-> <script src=”assets/plugins/global/plugins.bundle.js”></script> <script src=”assets/js/scripts.bundle.js”></script>

help me

see this link for more detail https://stackoverflow.com/questions/67651925/when-using-inertia-link-javascript-charts-button-links-not-working-it-is-working

Thanks

getting this error on console

VM433 scripts.bundle.js:7 Uncaught TypeError: Cannot read property ‘on’ of null at Object.init (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7 at Object.onDOMContentLoaded (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7

Hi :),

We are now preparing Metronic 8 Laravel version for release with following key features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

We would suggest you to wait for the official Metronic 8 Laravel version as implementing it from scratch requires time and a lot of workarounds.

If you need any further clarifications please let us know.

Regards, Sean

hi can you add “First steps” (get started) wizard example

so when user open admin theme “get started” demo shows him how to use demo

also it will be nice if it is added in ui builder to enable or disable it

Hi :).

Thanks for your suggestion. We will consider it in a future updates.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/

Regards, Sean

Chartjs are not showing on documentation. Only code part, but visual not showing.

Hi,

We have fixed the issue. Thank for your report.

. https://preview.keenthemes.com/metronic8/demo1/documentation/charts/chartjs.html

Thanks

Do we have a dot net version ready for Metronic 8 ?? I was not able to create the Blazor App as suggested in your documentation. Can you please help with the same?

Hi,

Thanks for your feedback. At the moment we do not have .NET version and if you need any further help with the Blazor integration documentation please contact our support via support@keenthemes.com

Regards, Sean

I hoped Laravel will be first released, but i see that Vue is first. :( I’m dissapointed. First on the list was Laravel.

Hi, sorry, we needed more time for Laravel since it has a lot of new improvements, We will do our best to deliver it as soon as possible.

Ok. Thanks !

You are most welcome :)


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. Demo 1 Vue 3 with TypeScript support:
– Composition API.
– Full Layout Integration.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.
– Layout Builder.
– Element Vue 3 UI Library integration.

2. 3-rd Party Plugin Integration:
– Toastr.
– Chartjs.
– Apexcharts.

3. Updates & Improvements:
– Stepper plugin improvements.
– Access CSS variables in JavaScript.

Next up:

1. Demo 1 Laravel:
– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

2. Support Center App:
– Support dashboard.
– Tickets list page.
– New ticket modal.
– View ticket page.
– Tutorials list page.
– Tutorials post page.
– FAQ page.
– Contact us page.
– Licenses page.

3. More:
– Demo 2 HTML.
– Demo 3 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.

Stay tuned on endless updates to empower your projects!

Regards, Sean

Error – BlazorServer, Metronic 8, Demo 1

Following BlazorServer documentation, exactly, at least i think so, review many and many times

and when i make. “npm run build” i get.

PS C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs> npm run build

> npmjs@1.0.0 build > webpack—config webpack.config.js

assets by path assets/js/ 1.29 KiB asset assets/js/custom/widgets.js 662 bytes [compared for emit] (name: assets/js/custom/widgets) asset assets/js/scripts.bundle.js 662 bytes [compared for emit] (name: assets/js/scripts.bundle) asset assets/css/style.bundle.js 662 bytes [compared for emit] (name: assets/css/style.bundle) asset assets/plugins/global/plugins.bundle.js 662 bytes [compared for emit] (name: assets/plugins/global/plugins.bundle)

ERROR in assets/css/style.bundle Module not found: Error: Can’t resolve ’./src/sass/plugins.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

ERROR in assets/css/style.bundle Module not found: Error: Can’t resolve ’./src/sass/style.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

ERROR in assets/js/custom/widgets Module not found: Error: Can’t resolve ’./src/js/custom/widgets.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

ERROR in assets/js/scripts.bundle Module not found: Error: Can’t resolve ’./src/scripts.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

ERROR in assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’./src/plugins/plugins.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

ERROR in assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’./src/plugins/plugins.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’

6 errors have detailed information that is not shown. Use ‘stats.errorDetails: true’ resp. ‘—stats-error-details’ to show it.

webpack 5.37.1 compiled with 6 errors in 53 ms PS C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs>

My fault. Documentation is correct.

Problem solved.

Glad to hear that! All the best with your projects :)

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