25 comments found.
Hi!. I have this problem: I have a nested route that’s inside a submenu item. the children routes can create or modify an item. I don’t want the children routes to be on the menu. when I hit the children route, the menu closes the submenu options. I know there is an option for forceActiveMenu, but not sure how to implement it. that way I can hit all the nested routes without closing the submenu.. Thanks.
Here is an example of the unwanted behavior.
https://drive.google.com/file/d/1beCKi3tgKIokbS98_HMEQtdW4yO1b54I/view?usp=sharingHi there,
Thank you for reaching out and providing the link. To address this problem, we can use the `forceActiveMenu` function. Here’s how you can implement it:
If you need further assistance or have any questions, please don’t hesitate to ask. We’re here to help!
Best regards
hi!. thanks for your answer, I did update my code and works it forces the menu to stay open. but I had to put it inside an onUpdated event. it works but everytime I hit a child page it reloads de animation. is it possible to avoid this?
https://drive.google.com/file/d/1upTYaLj_sN-RQO8XHXjM86ZJB3MdCR7y/view?usp=sharing
import {provide,inject,onUpdated } from 'vue';
import { ProvideForceActiveMenu } from "@/themes/Tinker/SideMenu/side-menu";
const forceActiveMenu = inject<ProvideForceActiveMenu>("forceActiveMenu");
onUpdated(() => {
forceActiveMenu && forceActiveMenu("AvailabilitiesList");
});
Hi,
Thanks for the update! To address the animation reload problem, try switching from `onUpdated` to `onMounted`. This change should prevent the animation from reloading every time you hit a child page.
Here’s the adjusted code:
import { provide, inject, onMounted } from 'vue';
import { ProvideForceActiveMenu } from "@/themes/Tinker/SideMenu/side-menu";
const forceActiveMenu = inject<ProvideForceActiveMenu>("forceActiveMenu");
onMounted(() => {
forceActiveMenu && forceActiveMenu("AvailabilitiesList");
});
Give it a go and let me know if it resolves the issue. If you have any other questions or need further assistance, feel free to ask.
Hi, how can I make icewall as default theme, side menu as default layout and dark mode on as default.
Hi,
Certainly! To set up Icewall as the default theme, side menu as the default layout, and enable dark mode, follow these steps:
1. Access the following file: `resources/@client/stores` 2. Locate the files `dark-mode.ts` and `theme.ts` 3. Adjust the values in these files to customize the configuration according to your preferences.
If you have any questions or need further assistance, feel free to reach out!
Best regards
Thank you! Worked like a charm.
You’re welcome! I’m glad to hear it worked for you.
If you have any more questions or if there’s anything else I can help you with, feel free to ask.
Happy coding!
Does has Java Script version?
Hi,
Thank you for your interest in Midone – Vue + Laravel Admin Dashboard Template. Currently, our theme exclusively supports TypeScript.
While we don’t have a JavaScript version available, we understand the importance of flexibility in development tools. We’ll certainly consider it for future updates. In the meantime, if you have any specific requirements or questions regarding TypeScript integration, feel free to share them, and we’ll be happy to assist you.
If there’s anything else we can help you with or if you have further inquiries, please don’t hesitate to reach out.
We appreciate your understanding and interest in Midone.
