590 comments found.
Im Just starting whit this template, when I install the template on my localhost and run “yarn run install” and after “yarn run dev” I receive this error on the Chrome Console every time that I click on the side menu TypeError: api.now is not a function , and the web site doesnt work properly but run with no problem on Firefox. Can you helpme with this. Best Regards
Hi,
Thank you for reaching out,
What is your chrome version?
Can you please send a screenshot of the error?
Hi,
I can see Roboto font files included in the template but even so, _roboto.css seems to access the online resource of the same font via public URLs,
This prevents the offline use of application even though the font files are included. please fix this.
Hi fawadtariq,
Thank you for reaching out,
That’s a good point, we will update it in the next release.
Hi, What does this do: @left4code/tw-starter If i ty to go from 1.1.0 to 3.1.27, everything breaks and I cant keep my dependancies upto date
Hi there,
Thank you for reaching out,
We have released a major update for the package from version ^3.0.0. The package no longer uses SASS due to incompatibility with TailwindCSS 3. If you previously used Midone with SASS (Update before 26 Jan 2022) please run the following command to downgrade the version.
yarn add @left4code/tw-starter@^2.3.1
I am using your wonderful templates with the vue3 version, and got some questions:
1. how can I turn a component into a typescript version?
2. when will the package.json update to chart.js 3?
Hi alexlai5128,
Thank you for reaching out,
1. Unfortunately, we currently do not support TypeScript. 2. Since it is a major update we will try to see the changes and do a test. Maybe we can release it in the next updates.
Let me know if you still have any further questions.
HI, nice to have update version Rubick 4.0.2 recently, but was there a change log included in this patch?
Hi,
We have a small updates on the tom-select and notification (Toastify) components. You can find the changelog at the bottom of item description.
some typo in alert.js
rolse: "alert",Hi gitzjoey,
Thank you for your report,
We will fix it on the next update.
Hello,
Can you please provide the XD design for this version so we can make mockup faster?
Also, is there any typescript version available?
Please provide the design and typescript to our email: contact@codihaus.com
Thank you!
Hi catsplugins,
Thank you for reaching out,
The XD design files are currently only available in Rubick (the first variant of Midone).
The file is already available in the download file, please check the HTML version.
Unfortunately, Midone is only available on the javascript version.
This code support node-sass 5.0.0 ?
Hi ng0301,
Thank you for reaching out to us,
We have removed SASS on the latest version and only use Postcss.
Hi left4code, Tom Select components can’t create new items that aren’t in the initial list of options (still work HTML version but Vuejs version dont working)
Hi quocdat254,
Can you try this code?
<TomSelect
v-model="select"
:options="{
placeholder: 'Select your favorite actors',
}"
class="w-full"
>
<option v-for="item in items" :key="item" :value="item">
{{ item }}
</option>
</TomSelect>
<script setup>
import { reactive, ref } from "vue";
const select = ref("1");
const items = reactive([1, 2, 3]);
setTimeout(() => {
items.push(4);
}, 3000);
</script>
Hi left4code, Toastify message text can’t change when i update (reactive) new value
Hi left4code, do you still support this issue?
Hi,
Sorry for the late updates,
We just released an update for the tom-select component to support `add new option`.
Kindly re-download the package and replace this file `/src/global-components/tom-select`.
For the Toastify, please try the following code to use reactive state.
const basicStickyNotificationToggle = () => {
Toastify({
node: dom("#basic-non-sticky-notification-content")
.removeClass("hidden")[0],
duration: -1,
newWindow: true,
close: true,
gravity: "top",
position: "right",
stopOnFocus: true,
}).showToast();
};
thanks for help, i will try it.
Sure, waiting for your reply.
For the Toastify, please check again because next appearances alert will be lost on DOM. So the message will be displayed by default (Toastify is awesome!)
tom-select component add new select options it’s working now, thanks
Hi left4code, please help me with toastify problem
Hi,
We’ve been trying to figure this out, and can’t seem to get this to work without creating a new component.
We’ve added a component update for this. You can download the latest update and copy the following file ”/src/global-components/notification”. Then register in ”/src/global-components/index.js”.
You can see examples of usage on the notification page. Let me know if you have more question about this.
thanks, i will try
Sure, let me know if you have any further question.
Hello,
is it possible to have all the files in typescript instead of javascript for the vue source ?
Regards, Sylvain
Hi sylvainchabert,
Thank you for reaching out to us,
Unfortunately, for now we only have the javascript version only.
Best regards, Left4code Team
Hi. Could you help me. I install your project, but I see only demo. I don’t understand how use in my project. Thanks.
Hi AbdullahAliAlmousawi,
Thank you for reaching out to us,
Can you explain in more detail the problem you are experiencing?
Hi,
Is there more clear documentation than the one came with the them. how to use the theme?! if i wanna use only 5 templates with side menu and remove the rest of templates. how to do it? can i rename templates and use them with out break the theme?
Yes, the template works like a typical vue application, to remove pages and other layouts you can access `router/index.js` and delete the associated files.
https://i.imgur.com/u7pg3Di.pngWe will try to add this to the documentation.
Hi, is it possible to make side menu collapsible. when I click on it it will expand and then it will retreat.
Hi,
Unfortunately, this is currently not possible.
Hello team, thanks for the update of this wonderful template. I’m using the Icewall previous version now. Are there some upgrade guide to bring only the new changes to the last version to the previous?
Hi wilcarjose,
Thank you for reaching out to us,
Yes you can add components from `global-components` to use the latest component updates.
Example for `modal` component:
https://i.imgur.com/QI617PS.png
https://i.imgur.com/8B2FtOC.png
Hope this helps.
Hi Left4code,
I love the Icewall layout. However, it feels heavy when I open the dashboard and start scrolling on my MacBook. The fan speeds up and lag performance.
I also tried Rubik and Tinker but they are fine. It only happens on Icewall. Have you noticed this issue and help me to understand the cause as well?
Thanks,
Hi Thyrith,
Thank you for reaching out to us,
Unfortunately, we did not find the issue on Icewall. Is there more detailed information that we can use to reproduce the issue?
hi, is there a way to remove the warn message
warn – As of Tailwind CSS v2.2, `lightBlue` has been renamed to `sky`. warn – Update your configuration file to silence this warning.
warn – As of Tailwind CSS v3.0, `warmGray` has been renamed to `stone`. warn – Update your configuration file to silence this warning.
warn – As of Tailwind CSS v3.0, `trueGray` has been renamed to `neutral`. warn – Update your configuration file to silence this warning.
warn – As of Tailwind CSS v3.0, `coolGray` has been renamed to `gray`. warn – Update your configuration file to silence this warning.
warn – As of Tailwind CSS v3.0, `blueGray` has been renamed to `slate`. warn – Update your configuration file to silence this warning.
Hi gitzjoey,
Thank you for reaching out to us,
Sorry but it looks like your support license has expired, please extend your support license to keep getting support from our team.
Best regards, Left4code Team
Dear Author,
Awsome work! Very nice to have this product. I have question regarding integration with @syncfusion scheduler. I’ve get a lot of errors after installation. Do you ever integrate syncfusion components in Midone?
Hi urandom,
Sorry for the late reply,
Thank you for your kind words, we really appreciate it.. 
Unfortunately, we have never used syncfusion before. Can you send the error message you get? Maybe we can provide some help.
Hi. Could you help me. I install your project, but I see only demo. I don’t understand how use components in my project. The attached documentation is superficial and I would be appreciated to receive more detailed docs. Thanks.
Hi mydigitrade,
Sorry for the late reply,
We just released a new update with more detailed options and component API for built-in components (modal, slide over, alert, tab, accordion, dropdown).
If you are still having difficulty using a component or layout, please write down the component you want to use and don’t hesitate to contact us.
Tinker v1.0.6: property class “text-theme-number” dont working on tag (e.g. text-theme-1 to text-theme-15)
Hi quocdat254,
Can you provide more details? What tags do you use?
Hi Left4code, all tags im using not working
Are you using the latest version? We’ve changed the color configuration in the latest version so you don’t need to use `theme-{number}` to use the colors.
You can simply use primary colors such as `bg-primary`, `bg-secondary` etc, the full configuration can be seen in tailwind.config.js.
Thank you, maybe i can try update latest version for other my projects
Sure, let us know if you have any other questions about this.
Hi, What dependancies does the “alerts” use, something has gone haywire with our setup and the “close” buttons on the alerts arnt working, so trying to work out what we might have got rid of
Hi spormeon,
Sorry for the late reply,
Please check this file ”/src/libs/index.js”.
import "@left4code/tw-starter/dist/js/alert";
when i add multiple child routes, dynamic path type (e.g. parent/dynamic path) the side menu doesn’t work if accessing it. So how to make the side menu still active after accessing the subpath?
Hi quocdat254,
Sorry for the late reply,
Unfortunately, this is not currently possible with the existing code. We will add it in the next version to force activate the menu without accessing the appropriate menu.
However, you can add the following code to get a quick solution.
Open the file ”/src/layouts/side-menu/index.js” then update the following 2 functions.
https://image.prntscr.com/image/ajXgmN4qS72U0hmfclQdCA.png
// Setup side menu
const findActiveMenu = (subMenu, route) => {
let match = false;
subMenu.forEach((item) => {
if (
((route.forceActiveMenu !== undefined &&
item.pageName === route.forceActiveMenu) ||
(route.forceActiveMenu === undefined &&
item.pageName === route.name)) &&
!item.ignore
) {
match = true;
} else if (!match && item.subMenu) {
match = findActiveMenu(item.subMenu, route);
}
});
return match;
};
const nestedMenu = (menu, route) => {
menu.forEach((item, key) => {
if (typeof item !== "string") {
let menuItem = menu[key];
menuItem.active =
((route.forceActiveMenu !== undefined &&
item.pageName === route.forceActiveMenu) ||
(route.forceActiveMenu === undefined &&
item.pageName === route.name) ||
(item.subMenu && findActiveMenu(item.subMenu, route))) &&
!item.ignore;
if (item.subMenu) {
menuItem.activeDropdown = findActiveMenu(item.subMenu, route);
menuItem = {
...item,
...nestedMenu(item.subMenu, route),
};
}
}
});
return menu;
};
Then open the file ”/src/layouts/side-menu/Main.vue” and add the following code.
https://image.prntscr.com/image/ajXgmN4qS72U0hmfclQdCA.png
provide("forceActiveMenu", (pageName) => {
route.forceActiveMenu = pageName;
formattedMenu.value = $h.toRaw(sideMenu.value);
});
watch(
computed(() => route.path),
() => {
delete route.forceActiveMenu;
formattedMenu.value = $h.toRaw(sideMenu.value);
}
);
Then you can use the `inject` function to force activate certain menus through certain pages.
https://image.prntscr.com/image/ajXgmN4qS72U0hmfclQdCA.png
inject("forceActiveMenu")("side-menu-modal");
i can’t see anything images, you can try re-upload that?
Hi,
Sorry, didn’t realize that the picture had a problem. Please check the image below.
https://i.imgur.com/rKlC4u8.png https://i.imgur.com/gGMDLgy.png https://i.imgur.com/eUPnRB0.pngI edited the code according to your instructions, but still dont work. (I’m using typescript)
- store/side-menu.js: https://icloud.inet.vn/s/5ZfWe9xxXddmaLH
- my components: https://icloud.inet.vn/s/mfSfkBannyYEoxF
- then i try access route via on browser: https://icloud.inet.vn/s/QAHtdoYrPBqJBJa
Hi,
It looks like there’s something you’re missing. Can you try the latest version of Midone? We have uploaded this update, maybe you can match it with your code.
Please let us know if you encounter an error message.
Hi Left4code, i try the latest version of Midone and it’s worked good for now. But in typescript display error message when inject function, how can i fix this?
https://icloud.inet.vn/s/8to2gFJB3d9nY4dUnfortunately, we don’t support typescript at this time, maybe you can read the following documentation.
https://vuejs.org/api/composition-api-dependency-injection.html#injectHi, i try all inject method but not work. You can change provide ‘forceActiveMenu’ to another (ex: store, method…), so i just call it when i want?
Unfortunately, that’s not possible at the moment because the current code is pretty stable. You may have to work it out yourself.
Hi frenchshipleo,
Email sent, please check your email.
Best regards, Left4code Team
Hi. Could you help me. I install your project, but I see only demo. I don’t understand how use components in my project. Thanks.
Hi garrigilmanov,
Thank you for reaching out to us,
Sorry, it looks like you are using a different account from your purchase account.
Can you please use your purchase account?
Best regards, Left4code Team
