Hi,

To fix this you need to use sass version "^1.43.5".

So the correct versions for sass and sass-loader must be:

"sass": "^1.43.5",
"sass-loader": "^10.1.0",

Also you will need to update element-plus dependency to “^1.2.0-beta.4“

"element-plus": "^1.2.0-beta.4",

We have already updated these dependencies in Metronic and included these changes in the next Metronic v8.0.32 release.

Regards,
Lauris

Hi Lauris,

I updated those 3 dependencies to the exact versions you gave, but now I receive a new error:

ERROR Failed to compile with 1 error

error  in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss

Syntax Error: TypeError: (0 , _schemaUtils.validate) is not a function

@ ./node_modules/vue-style-loader??ref-9-oneOf-1-0./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js./node_modules/sass-loader/dist/cjs.js??ref-9-oneOf-1-3./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-479 15:3-20:5 16:22-487
@ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://10.0.0.102:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts

The other dependencies are as in the default Metronic v8.0.30.

Do you have an idea why this is happening?

Try to delete node_modules folder and package-lock.json then run npm install again.

If it will not help, then can you please send a whole package.json to our support email support@keenthemes.com.

Regards,
Lauris

I double checked the the permanent option is not actually valid. Please ignore it. Sorry for the misleading. The issue seems to be related to the dateragepicker’s element population outside the menu content. The same issue was fixed for select2 since it supports parent element binding as explained here https://preview.keenthemes.com/metronic8/demo1/documentation/forms/select2.html#basic. If possible please contact our support via support@keenthemes.com and provide your test link to your page and our core developers will have a look and see what can be done in our end.

Thank you very much for your help. I have just sent you an email

Noted, we will check it asap. Thanks

Hi ,

Thanks for your interest in Metronic.

Our gulp or webpack builder allows customizing the bundle by adding or removing plugins as per your requirements.

For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html

Regards, Sean

Hi,

Thanks for your interest in Metronic.

We are currently working on crud solution for the metronic angular version and soon we will start releasing those pending demos.

Regards, Sean

thank you.. do you have a estimate date of release? i really want it

It’s released. You should have received the email notification. All the best with your projects

Hi,

Could you please try this htaccess setup?

https://dev.to/vumanhtrung/setup-an-htaccess-file-for-redirecting-to-laravel-s-public-folder-1e1j

Thanks

This too not working.

Hi,

We have sent the reply via email.

Thanks

Hi,

Thanks for your interest in Metronic.

At the moment we are not accepting backend integration projects. You can check freelancer sites as nowadays there are plenty of developers who work with Metronic and provide custom development.

Regards, Sean

Hi,

We have just replied you. For any case please check your spam folder as well.

Regards Sean

Hi,

Could you please clarify the issue? The profile can be clicked.

https://ibb.co/wpJX066

Thanks

Hi ,

Thanks for your interest in Metronic.

Yes, we will release ecommerce admin and frontend pages soon.

Regards, Sean

This works, but now if I fix the aside, it overlaps the content and does not resize the content to make it visible. Where can I adjust this to have the content transition and become fully visible, just like how it is in demo1?

Thanks

Hi,

There might be an issue since the aside menu in demo2 doesn’t suppose to be working in this way, you can refer to the demo1 codebase and try to apply the same solution for demo2.

Regards,
Lauris

Okay, I’ll check that out.

Thanks

Hi,

You can find it in the zip.
html/theme/demo1/dist/apps/user-management/roles/list.html

If you have our github access, you get the from this location.
https://github.com/KeenthemesHub/Metronic/tree/master/html/theme/demo1/dist/apps/user-management/roles

Thanks

for now I’ve downloaded the plugins.dark. and style.dark. css files from your online demo and will mess with that a bit, but I imagine if it’s not officially released I’ll run into some issues.

Hi ,

Thank you for your interest in Metronic.

It supports the dark mode as you can see in in the preview: https://preview.keenthemes.com/metronic8/demo11/dark/index.html For all demos you will need to generate the dark mode css files as explained here: https://preview.keenthemes.com/metronic8/demo11/dark/documentation/getting-started/dark-mode.html

Regards, Sean

Hi ,

Thanks for your interest in Metronic. Please contact our support via support@keenthemes.com and provide us your Github username and we will grant you access to our private repo so you can download any previous virion of Metronic.

Regards, Sean

Hi ,

Thanks for your interest in Metronic. This demo will be released as demo 17 in Metronic 8 in the next week. Please stay tuned!

Regards, Sean

Hi,

Could you please clarify your question ? Do you need to reduce the aside menu bar width or completely remove it ?

Regards, Sean

Hi,

Yes, we are planning to update the react-router in upcoming releases.

Regards,
Lauris

Hi,

Could you please clarify your issue in details?

Thanks

in the menu page config here : https://i.ibb.co/Fwc9kjn/SNAG-0003.png

I can only type in the static path for the menu item, for example : tax/create. As I try to put the route URL which is {{ route(tax.create) }}, the rendering of the URL doesn’t come right, the URL of the menu item become : 127.0.0.0.0/”à_(èroute(tax.create)à)à)à and leads to a 404.

Hi,

In the menu.php config, you have to specify the path. route function does not support.

Thanks

Hi ,

Thanks for your interest in Metronic.

Please provide us your github username and we will grant you access to our private repo to download Metronic’s previous versions.

Regards, Sean

github username : devgr24

thanks for your help

Done! here you go: https://github.com/KeenthemesHub/Metronic

Hi,

The sweetalert plugin is already implemented, you can check usage example in file demo1/src/components/modals/forms/AddCustomerModal.vue. Also, you can find more examples in the official doc: https://sweetalert2.github.io/

For the drawer, we are using our custom component which is located in the folder: vue/demo1/src/assets/ts/components/_DrawerComponent.ts.

To use this component you need configurate it using attributes shown below:

data-kt-drawer="true" 
data-kt-drawer-name="chat" 
data-kt-drawer-activate="true" 
data-kt-drawer-overlay="true" 
data-kt-drawer-width="{default:'300px', 'md': '500px'}" 
data-kt-drawer-direction="end" 
data-kt-drawer-toggle="#kt_drawer_chat_toggle" 
data-kt-drawer-close="#kt_drawer_chat_close" 

Since a countUp plugin requires jQuery we haven’t added it into Vue as an alternative you can use vue3-count-to plugin. https://www.npmjs.com/package/vue3-count-to

Regards,
Lauris

Hi,

Could you please try to remove “defer” from the js include?

Thanks

yeap. I add ‘defer’ when I try do it working. But it’s still not working. <script type="text/javascript" src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script> <script type="text/javascript" src="{{ asset('assets/js/custom/user-management/users/list/table.js') }}"></script> <script type="text/javascript" src="{{ asset('assets/js/custom/user-management/users/list/export-users.js') }}"></script> <script type="text/javascript" src="{{ asset('assets/js/custom/user-management/users/list/add.js') }}"></script> <script type="text/javascript" src="{{ asset('assets/js/custom/widgets.js') }}"></script> if I move code from table.js file to datatables.bundle.js file. It working (before wrong in table.js file). I think table.js loaded before datatables.bundle.js loading. I think may be something like that noscript??? <link rel="preload" href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css"> <noscript> <link rel="stylesheet" href="{{ asset('assets/plugins/global/plugins.bundle.css') }}"> </noscript> <link rel="preload" href="{{ asset('assets/plugins/global/plugins-custom.bundle.css') }}" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css"> <noscript> <link rel="stylesheet" href="{{ asset('assets/plugins/global/plugins-custom.bundle.css') }}"> </noscript> <link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css"/> in laravel version have not user list page so I don’t know why. Pls help me.

Hi

As a workaround, could you please add this code at the top of the table.js where the datatable init. We will check it further.

window.$ = window.jQuery = require( 'jquery' );
require( 'datatables.net' );

Please run “npm run dev” to recompile the assets using mix.

Thanks