12191 comments found.
Hi, I had tried to use Metronic 9 via Livewire but menus (sidebar and profile menu, top right) are not opening. I use currently livewire with Metronic 8 and menus are opening help of below script:
document.addEventListener(“livewire:navigated”, () => { KTComponents.init() KTMenu.init(); });
But this script not working with Metronic 9. Please, can you help me?
Hi,
For dynamically populated components you will need to call the below global API init method:
KTComponents.init()
Please refer to Metronic 9 JavaScript integration guide here
For any further help can you please post your request via devs.keenthemes.com and provide more details ? Our Laravel exports can assist you more quicker via our Devs Support site.
Regards, Sean
I already mentioned that I used KTComponents.init() but not working. Also tried with KTDom.ready because guide says it and again not working. Did you tried ever Metronic 9 via Livewire?
<script src=”assets/js/core.bundle.js”></script> <script> document.addEventListener(“livewire:navigated”, () => { KTDom.ready(() => { KTComponents.init(); }); }); </script>
Hi,
Thanks for the clarification. Noted, our Laravel export will reply you from devs.keenthemes.com
Regards, Sean
Hi, I am running into [Deprecation] Listener added for a ‘DOMNodeInserted’ mutation event. Support for this event type has been removed, and this event will no longer be fired. See https://chromestatus.com/feature/5083947249172480 for more information. error on the console…
How do i go about fixing this ? Please let me know.
Hi,
May I know which version of Metronic and framework are you using ? How can we reproduce this issun in the live preview ? Can you please provide further details ?
Regards, Sean
Is there a guide on how to upgrade from metronic 8 to metronic 9?
Hi,
Thanks for the heads-up.
To get started with Metronic 9, please check the Metronic 9 Docs and explore the Live Preview to discover all the components, pages, and unique layout demos of Metronic 9 Tailwind.
To pick the best Metronic license option for your projects, please check the Metronic License Guide.
Regards, Sean
Can i use it on remix js ?
Hi,
Metronic 9 HTML Tailwind definitely can be used with Remix however at the moment we do not have the integration guide for Remix yet.
You can check Next.js integration guide and Next.js Starterkit.
Next.js usage is quite similar to Remix so the above resources can be helpful.
Regards, Sean
Hi, I integrated metronic to react project. but i dont’t want to use demo1.js that inside of metronic-tailwind-react\src\metronic\app\layouts\demo1.js how can i find demo4.js ?
Hi,
Please note that Demo4 does not have demo4.js script. You can use demo4 without js.
To use Demo 4 in Metronic Tailwind React you will need to integrate demo4 layout HTML by referring to the Demo 1 integration.
If you need any further help please reach our support team via devs.keenthemes.com
Regards, Sean
Hi 
,
I have downloaded the “metronic_blazor_v8.2.7”, and it is showing .NET 7,
how can I use .NET 8 with metronic blazor, please?
Hi,
Our Blazor starter kit at the moment uses .NET 7. We will release v8 update in the upcoming versions.
Regards, Sean
Thanks, is there any tentative date, please?
Hi,
Unfortuanytely at the moment we can’t give the ETA but we will do our best to speed it up.
However we have Blazor .NET 8 integration guide for Metronic v9 Tailwind. May you can consider using Metronic 9 HTML with Blazor Server .NET 8 by referring to this guide and starterkit.
Regards, Sean
how can i use metronic 9 React with demo3?
Hi,
You can refer to Metronic 9 Demo 1 React starter kit app https://github.com/keenthemes/metronic-tailwind-html-integration and refer to https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/react to integrate Demo 3
You will need to get the Demo 3’s Layout HTML code and put it in React app wrapper by referring to the starter kit app for Demo 1.
For any further help please reach our support via devs.keenthemes.com
Regards, Sean
i can’t find the Demo 3 in Metronic 9, where can i find it?
Hi,
In your themeforest download package please refer to “metronic-v9.0.4/metronic-tailwind-html/dist/html/demo3/”
Regards, Sean
ok i see this file, but i my project is in react, and the demo 3 is html, so how can i run react with demo 3 “Metronic 9”,
Hi,
Currently Metronic 9 Tailwind is available for HTML. However, users use it in their React Apps by referring to the integration guide that we provided earlier.
Official Metronic 9 Tailwind React/Next.js/MUI will be released in 1-3 months. We are currently working hard to release it asap. Once it’s released you can get it for free as part of the Metronic update.
Regards, Sean
This was not clear when I purchased, I want a refund, that not fair, my aim use Metronic 9 react with demo 3, so how can i make refund
Hi,
Sure, you can use this https://themeforest.net/refund_requests/new to request a refund.
Please come back later to get the best React App based on Metronic 9 Tailwind. We are preparing something amazing for React users
Regards, Sean
i dont have access to git repo anymore (i dont know what happened to my github access !) , i sent ticket days ago but they didnt answer ! their support is a bit slow
Hi,
Sorry for the delay. Please send your github username via support@keenthemes.com and we will provide you the github access asap.
Regards, Sean
I just bought V9 and want to have the React Demo3? Where can i find it?
Hi,
Thank you for your purchase.
Please find the Google Drive link in the README.md file of your downloaded themeforest package and go to the google drive location and download any demo from v8.2.7 folder.
Regards, Sean
i want V9! I wanted tailwind with demo you advertised online. i dont want to redesign the basic layout?
Hi,
The Metronic preview site here shows only HTML/JS demos for Metronic 9 Tailwind.
At the moment only the HTML version demos are ready for Metronic 9 Tailwind. Currently we are preparing the React/Next.js/MUI demos for Metronic 9 and we will release it asap within in 1-3 months.
If you can wait you will get the new update for free. Otherwise we can offier you a refund. Please let us know.
Regards, Sean
Please refund.
Hi,
Please follow https://themeforest.net/refund_requests/new to request your refund.
Thank you for your interest in Metronic! We appreciate your feedback and will definitely consider it for our upcoming updates.
Regards, Sean
Hi, I’m interested in the Metronic template for managing orders and inventory. Can you share how well it suits these needs?
Hi ,
Thank you for your interest in Metronic.
Metronic can be used to build any kind of web app by using it’s multi-purpose layouts and components. Please check all the features that offers Metronic via its preview site here.
If you need any further clarifications please do let us know.
Regards, Sean, Keenthemes Support
Not sure if I bought this around 2019, though haven’t used it since i moved to tailwind. Now, you’ve started the move to tailwind, I mean come on, this theme is a behemoth. just wanted to give my praises to the team behind this. Congrats and more power!
Hi ,
Thank you so much for your kind words and support! We’re thrilled to have you with us on this journey. We’ve just begun, and there’s much more to come. Soon, we’ll be releasing new components like the datepicker, daterange picker, calendar, and combobox (including select, tags, autocomplete, and AJAX data source). Our goal is to make Metronic Tailwind an enterprise-ready app kit.
We’re also excited to announce that Metronic will soon be launching on Product Hunt, and we’d love your continued support when we go live.
Thanks again for being part of our community.
Best regards, Sean
Hi, We get an error when we try to compile html demo1 with gulp in version 8.2.7
PS D:\Demo1\tools> gulp—demo1 Using gulp config file: ”../../gulp.config.js” [15:59:31] Using gulpfile D:\Demo1\tools\gulpfile.js [15:59:31] Starting ‘default’... [15:59:31] Starting ‘cleanTask’... [15:59:31] Finished ‘cleanTask’ after 79 ms [15:59:31] Starting ‘buildBundleTask’... [15:59:31] Finished ‘buildBundleTask’ after 47 ms [15:59:31] Finished ‘default’ after 129 ms Error in plugin “sass” Message: node_modules\tinymce\skins\ui\oxide\skin.css Error: 100% and 0 are incompatible. ╷ 3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0); │ ^^^^ ╵ node_modules\tinymce\skins\ui\oxide\skin.css 3864:47 root stylesheet D:\Demo1\tools\node_modules\sass\sass.dart.js:6306 throw error;
Error: 100% and 0 are incompatible. ╷ 3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0); │ ^^^^ ╵ node_modules\tinymce\skins\ui\oxide\skin.css 3864:47 root stylesheet at Object.wrapException (D:\Demo1\tools\node_modules\sass\sass.dart.js:2119:43) at Object.SassCalculation__verifyCompatibleNumbers0 (D:\Demo1\tools\node_modules\sass\sass.dart.js:21011:19) at Object.SassCalculation_operateInternal0 (D:\Demo1\tools\node_modules\sass\sass.dart.js:20743:11) at D:\Demo1\tools\node_modules\sass\sass.dart.js:88668:49 at _wrapJsFunctionForAsync_closure.$protected (D:\Demo1\tools\node_modules\sass\sass.dart.js:4899:15) at _wrapJsFunctionForAsync_closure.call$2 (D:\Demo1\tools\node_modules\sass\sass.dart.js:34081:12) at _awaitOnObject_closure.call$1 (D:\Demo1\tools\node_modules\sass\sass.dart.js:34069:32) at Object._rootRunUnary (D:\Demo1\tools\node_modules\sass\sass.dart.js:5291:18) at StaticClosure.<anonymous> (D:\Demo1\tools\node_modules\sass\sass.dart.js:116066:16) at _CustomZone.runUnary$2$2 (D:\Demo1\tools\node_modules\sass\sass.dart.js:35514:39) { dartException: <ref *1> PluginError: 100% and 0 are incompatible. ╷ 3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0); │ ^^^^ ╵ node_modules\tinymce\skins\ui\oxide\skin.css 3864:47 root stylesheet at Object.wrapException (D:\Demo1\tools\node_modules\sass\sass.dart.js:2119:43) at Object.SassCalculation__verifyCompatibleNumbers0 (D:\Demo1\tools\node_modules\sass\sass.dart.js:21011:19) at Object.SassCalculation_operateInternal0 (D:\Demo1\tools\node_modules\sass\sass.dart.js:20743:11) at D:\Demo1\tools\node_modules\sass\sass.dart.js:88668:49 at _wrapJsFunctionForAsync_closure.$protected (D:\Demo1\tools\node_modules\sass\sass.dart.js:4899:15) at _wrapJsFunctionForAsync_closure.call$2 (D:\Demo1\tools\node_modules\sass\sass.dart.js:34081:12) at _awaitOnObject_closure.call$1 (D:\Demo1\tools\node_modules\sass\sass.dart.js:34069:32) at Object._rootRunUnary (D:\Demo1\tools\node_modules\sass\sass.dart.js:5291:18) at StaticClosure.<anonymous> (D:\Demo1\tools\node_modules\sass\sass.dart.js:116066:16) at _CustomZone.runUnary$2$2 (D:\Demo1\tools\node_modules\sass\sass.dart.js:35514:39) { formatted: ‘Error: 100% and 0 are incompatible.\n’ + ’ ╷\n’ + ‘3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0);\n’ + ’ │ ^^^^\n’ + ’ ╵\n’ + ’ node_modules\\tinymce\\skins\\ui\\oxide\\skin.css 3864:47 root stylesheet’, line: 3864, column: 47, file: ‘D:\\Demo1\\tools\\node_modules\\tinymce\\skins\\ui\\oxide\\skin.css’, status: 1, messageFormatted: ’\x1B[4mnode_modules\\tinymce\\skins\\ui\\oxide\\skin.css\x1B[24m\n’ + ‘Error: 100% and 0 are incompatible.\n’ + ’ ╷\n’ + ‘3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0);\n’ + ’ │ ^^^^\n’ + ’ ╵\n’ + ’ node_modules\\tinymce\\skins\\ui\\oxide\\skin.css 3864:47 root stylesheet’, messageOriginal: ‘100% and 0 are incompatible.\n’ + ’ ╷\n’ + ‘3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0);\n’ + ’ │ ^^^^\n’ + ’ ╵\n’ + ’ node_modules\\tinymce\\skins\\ui\\oxide\\skin.css 3864:47 root stylesheet’, relativePath: ‘node_modules\\tinymce\\skins\\ui\\oxide\\skin.css’, message: ‘node_modules\\tinymce\\skins\\ui\\oxide\\skin.css\n’ + ‘Error: 100% and 0 are incompatible.\n’ + ’ ╷\n’ + ‘3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0);\n’ + ’ │ ^^^^\n’ + ’ ╵\n’ + ’ node_modules\\tinymce\\skins\\ui\\oxide\\skin.css 3864:47 root stylesheet’, __safety: undefined, _stack: undefined, plugin: ‘gulp-dart-sass’, showProperties: true, showStack: false, domainEmitter: Stream { _events: [Object: null prototype] {}, _eventsCount: 0, _maxListeners: undefined, write: [Function: method], end: [Function: method], destroy: [Function: method], resume: [Function: method], pause: [Function: method], writable: true, readable: true, false, false }, domainThrown: false, ’$cachedTrace’: _StackTrace { _exception: [Circular *1], _trace: ‘Error: 100% and 0 are incompatible.\n’ + ’ ╷\n’ + ‘3864 │ background-size: calc(100% – 11px * 2) calc(100% – 0);\n’ + ’ │ ^^^^^\n’ + ’ ╵\n’ + ’ node_modules\\tinymce\\skins\\ui\\oxide\\skin.css 3864:47 root stylesheet\n’ + ’ at Object.wrapException (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:2119:43)\n’ + ’ at Object.SassCalculation__verifyCompatibleNumbers0 (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:21011:19)\n’ + ’ at Object.SassCalculation_operateInternal0 (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:20743:11)\n’ + ’ at D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:88668:49\n’ + ’ at _wrapJsFunctionForAsync_closure.$protected (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:4899:15)\n’ + ’ at _wrapJsFunctionForAsync_closure.call$2 (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:34081:12)\n’ + ’ at _awaitOnObject_closure.call$1 (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:34069:32)\n’ + ’ at Object._rootRunUnary (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:5291:18)\n’ + ’ at StaticClosure.<anonymous> (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:116066:16)\n’ + ’ at _CustomZone.runUnary$2$2 (D:\\Demo1\\tools\\node_modules\\sass\\sass.dart.js:35514:39)’ } } }
Node.js v20.16.0
Hi,
Could you please use Command Prompt instead of PowerShell?
Then follow the following steps:
- Delete the node_modules folder, yarn.lock file, and package-lock.json file (if they exist).
- Run “npm install” to reinstall dependencies.
- Finally, try to execute the “gulp” command without the—demo1 flag.
Thank you!
I did exactly what you said but the result did not change. I think the root cause of the problem is the file we downloaded. I have never had such a problem before.
https://ibb.co/xDZNJZG https://ibb.co/xX9Nq6Q https://ibb.co/X24J7t2In the package.json file, could you please verify the tinymce, if version is
"tinymce": "7.2.1",The latest version tinymce version 7.3.0 has the issue. For now, please use v7.2.1
Thanks?
Please remove the ^ mark from the version number. Make it like this:
“tinymce”: “7.2.1”,
Thanks
In the latest update v8.2.7 for Laravel the left sidebar is wrong, you have to fix that.
Hi,
We will fix it.
Thank you
Hi @dllister
Could you please try to redownload from Google Drive download link?
Thank you
The Google Drive links are the ones that come from here https://devs.keenthemes.com/metronic/laravel right?
If that is the link then you have the same error in Laravel. I attached a screenshot here. https://bit.ly/3X6dCNR
If that is not the Google Driver link, please share.
Hi,
Please refer to the readme file in your themeforest download packate and you will get the google drive link and refer to v8.2.7 metronic folder.
Regards, Sean
Does Metronic 9 already have a landing page?
Hi,
Thanks for the heads-up.
We are working on landing pages and soon it should be available.
Regards, Sean
Why in version 8.2.7 of Angular, which uses Angular 18, when I try to download the new template, I get the demos, 1, 2, 3, etc.? But the templates come with very few components. Where can I download the pro version of Metronic Angular with Angular 18? I have already purchased the template from its previous versions.
Hi,
Metronic’s main version is HTML so all default features are available for HTML. However Angular/React/Vue versions include only limited features shown in the product demo for each framework in keenthemes.com/metronic. Please refer to the Angular demos under the “Angular” tab.
However the HTML code can be reused in the Angular version since the HTML markup and its CSS styles are available globally for HTML and SPA versions as well.
Regards, Sean
Plans for svelte components of version 9 ?
Hi,
Thank you for the heads-up.
At the moment we do not have plans for the svelte components however we will provide Svelte integration guide for Metornic 9 soon.
Regards, Sean
I’m looking forward to the guide. Also noticed ts files change all the time, so doing integration myself now would have me rework a lot of things.
Hi,
Sure, we will provide Svelte integration guide soon. Stay tuned!
Regards, Sean
gulp compile errors
I tried to change rounded to square borders like so
$border-radius: 0.5rem !default;
$border-radius-sm: 0.3rem !default;
$border-radius-lg: 0.6rem !default;
$border-radius-xl: 0.9rem !default;
$border-radius-2xl: 1.3rem !default;
$border-radius-pill: 50rem !default;
I used the latest help documentation, with latest npm, yarn, gulp, i get several errors, some are around streams errors..
and [DEP0180] Deprecation Warning: fs.Stats constructor is deprecated. but I cannot find this
PS C:\metronic_html_v8.2.6_demo62\tools> gulp --demo62
Using gulp config file: "../../gulp.config.js"
[21:49:45] Using gulpfile C:\metronic_html_v8.2.6_demo62\tools\gulpfile.js
[21:49:45] Starting 'default'...
[21:49:45] Starting 'cleanTask'...
[21:49:45] Finished 'cleanTask' after 150 ms
[21:49:45] Starting 'buildBundleTask'...
[21:49:45] Finished 'buildBundleTask' after 80 ms
[21:49:45] Finished 'default' after 234 ms
(node:18400) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
PS C:\metronic_html_v8.2.6_demo62\tools> node --trace-deprecation gulp --demo62
node:internal/modules/cjs/loader:1251
throw err;
^
Error: Cannot find module 'C:\metronic_html_v8.2.6_demo62\tools\gulp'
at Module._resolveFilename (node:internal/modules/cjs/loader:1248:15)
at Module._load (node:internal/modules/cjs/loader:1074:27)
at TracingChannel.traceSync (node:diagnostics_channel:315:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:217:24)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:166:5)
at node:internal/main/run_main_module:30:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Node.js v22.6.0
Hi,
Please use Node.js version 20 LTS for your development environment. We plan to upgrade it in future updates.
You can download it from: [Node.js](https://nodejs.org/en)
Thank you!
thanks that helped, does the new 8.27 version use 20 lts or 22 lts?
Another issue, people are finding the nav tab hard to read, so I am trying to set different background color
We are currently facing an issue with the Metronic theme regarding the background colors of the tabs in the .nav-line-tabs component. Despite our efforts to modify the code in _nav-line-tabs.scss using the @mixin nav-item-colors mixin, the colors are not being applied as intended.
Issue: Tab Colors Not Being Applied Correctly
Description: The tabs are not receiving the correct background colors. attempted to implement the following code snippet:
@<span class="hljs-keyword">mixin</span> nav-item-colors(<span class="hljs-variable">$colors</span>) {
@<span class="hljs-keyword">for</span> <span class="hljs-variable">$i</span> from 1 through length(<span class="hljs-variable">$colors</span>) {
<span class="hljs-selector-class">.nav-item</span>:nth-child(#{<span class="hljs-variable">$i</span>}) {
<span class="hljs-attribute">background-color</span>: nth(<span class="hljs-variable">$colors</span>, <span class="hljs-variable">$i</span>);
<span class="hljs-attribute">border-top-left-radius</span>: <span class="hljs-number">0.5rem</span>;
<span class="hljs-attribute">border-top-right-radius</span>: <span class="hljs-number">0.5rem</span>;
}
}
}
I also tried this
// Color palette
$colors: (
primary: #3498db,
secondary: #f1c40f,
success: #2ecc71,
danger: #e74c3c,
warning: #f7dc6f,
info: #9b59b6,
light: #f9f9f9,
dark: #333
);
// Function to generate colors
@mixin generate-colors($colors) {
@each $name, $color in $colors {
.menu-link-#{$name} {
background-color: $color;
}
}
}
// Generate colors for menu links
@include generate-colors($colors);
// Additional styles for menu links
.menu-link {
display: block;
padding: 10px;
border-bottom: 1px solid #ccc;
&:hover {
background-color: $menu-link-bg-color-hover;
}
&.active {
background-color: $menu-link-bg-color-active;
}
}Goal: We aim to create a tab component where each tab item features a unique background color sourced from an array of colors using the @mixin nav-item-colors mixin.
Expected Result: Each tab item should display a distinct background color as defined in the $colors array. Current Result: Unfortunately, the tab items are not reflecting the correct background colors.
Could you please provide assistance on how to resolve this issue?Thank you for your help!
Hi,
Could you please provide us more info on which tab component are you trying to use here?
Can you try to use the “custom-tabs” class as a parent class and apply your custom tab colors as shown below
.custom-tabs .menu-link-#{$name} {
background-color: $color;
}
Could you please move your request to devs.keenthemes.com so our team can assist you more efficiently?
Regards, Sean
hello sean, I am using this code , but I wanted to generate different colors in SCSS for 1st, 2nd, 3rd, and thats why mixin and functions there, rather than in html/css
Can you show me how to get 5 different colors for 1st to 5th tab and apply only as needed, not on the side bar just top nav.
<div id="kt_app_toolbar" class="app-toolbar mb-5 mb-lg-0 ">
<!--begin::Toolbar container--> <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack flex-wrap "> <!--begin::Navs--><ul class="nav nav-stretch nav-line-tabs flex-grow-1 fs-5 fw-semibold mb-10"> <!--begin::Nav item--> <li class="nav-item"> <a class="nav-link text-active-primary ms-0 me-5 me-lg-8 pt-2 pb-3 pt-lg-4 pb-lg-5 active" > Overview </a> </li> <!--end::Nav item--> <!--begin::Nav item--> <li class="nav-item"> <a class="nav-link text-active-primary ms-0 me-5 me-lg-8 pt-2 pb-3 pt-lg-4 pb-lg-5 ".... Projects </a> </li> <!--end::Nav item--> </ul><!--begin::Navs--> </div> <!--end::Toolbar container--> </div>
ok i tried there, but your algolia search is not helpful since , please try typing nav or tabs.. and the results are not helpful
Hi,
You can create helper classes for each tab and use any color you wish:
.menu-link-1 {
background-color: $color1;
}
.menu-link-2 {
background-color: $color2;
}
.menu-link-3 {
background-color: $color3;
}
.menu-link-4 {
background-color: $color4;
}
.menu-link-5 {
background-color: $color5;
}
or
$colors: (
red: #ff5733,
green: #33ff57,
blue: #3357ff,
pink: #ff33a1,
yellow: #ffdb33
);
@each $name, $color in $colors {
.menu-link-#{$name} {
background-color: $color !important;
}
}
Regards, Sean
Hello,
Is dynamic direction switching supported by Metronic 8 React version or no ?
Hi,
Thank you for reaching out to us.
Unfortunately, dynamic direction switching is currently not supported by Metronic SPA versions.
The only way to change the direction dynamically in our React version is by updating the link href of the main style file. To achieve this, follow the steps below:
- Generate RTL and LTR CSS style files using our HTML version. To generate styles, refer to our gulp build and rtl version setup docs.
- Copy the generated style.bundle.css and style.bundle.rtl.css files to public folder in your React app.
- In the public/index.html file, add link tag with default direction styles as shown in this gist file.
- Remove the style import line below from src/index.tsx:
import './_metronic/assets/sass/style.scss'
- To switch the direction, you just need to change the link href from style.bundle.css to style.bundle.rtl.css. You can reuse switch functions from this gist.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I suggest a video tutorial example of building a pizza delivery ordering administrative system. It would be interesting and would add more value.
In tailwind version.
Hi ,
Thank you for the suggestion! A video tutorial on building a comlete delivery site sounds like a fantastic idea, especially in the Tailwind version. We’ll definitely consider this. Stay tuned!
Regards, Sean
Sidebar is not collapsing on Laravel with tailwind template. Template version is 9.0.4. Also no error in console. Please refer screenshot of sidebar issue. https://postimg.cc/qgcC5RFx
Hi,
Please refer to this post for the fix. Or you can pull the updates from the github.
Thank you
https://devs.keenthemes.com/question/sidebar-is-not-collapsing
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
