446 comments found.
Hi, in the new verssion how i can dissable animations? i comment /* @import ”@left4code/tw-starter/dist/css/_intro.css”; */ but not changes
Hi Urufu,
Can you send a screenshot of the component?
Comment out the line /* @import ”@left4code/tw-starter/dist/css/_intro.css”; */ in app.css - run yarn run dev and in all the components and pages (login, dashboard, etc) still continues to appear animations, the template is Icewall
Hi,
Thank you for your reply,
Have you tried to clear the cache?
If so, maybe you can debug by looking at the `intro-x` or `intro-y` class on the console. https://i.imgur.com/KeQIrHM.pngMaybe you can attach the result from the console.
I found a bug in webpack.mix.js in Icewall line 20 current: .css(“public/dist/css/_app.css”, “public/dist/css/app.css”)
corrected .css(“resources/css/app.css”, “public/dist/css/app.css”)
after this and run yarn run dev, i can disable animations 
Hi there,
It’s actually not a bug, we are using TailwindCLI to compile the CSS code. You can check it at `package.json` file.
The mix config is only used to generate Laravel manifest file so we can use `mix()` function to load the assets from blade.
Well, glad the code is running. Let me know if you still have any further question.
Looking your demos and also on my local install i see that Register button does’nt works, is it implemented ?
Hi blondie1963,
Thank you for reaching out,
Unfortunately, we only implemented basic auth with Laravel manual auth. We minimize certain functionality to keep project complexity simple because many users use different auth packages and frontend framework.
Hi, when i use: yarn run dev
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.
I will not have problems later?
Hi Urufu,
Thank you for reaching out,
This is actually just a warning and doesn’t affect the functionality of the theme. But you can change the configuration if you are bothered by the warning.
Open “tailwind.config.js” and check the config below.
rgb: toRGB({
inherit: colors.inherit,
current: colors.current,
transparent: colors.transparent,
black: colors.black,
white: colors.white,
slate: colors.slate,
gray: colors.gray,
zinc: colors.zinc,
neutral: colors.neutral,
stone: colors.stone,
red: colors.red,
orange: colors.orange,
amber: colors.amber,
yellow: colors.yellow,
lime: colors.lime,
green: colors.green,
emerald: colors.emerald,
teal: colors.teal,
cyan: colors.cyan,
sky: colors.sky,
blue: colors.blue,
indigo: colors.indigo,
violet: colors.violet,
purple: colors.purple,
fuchsia: colors.fuchsia,
pink: colors.pink,
rose: colors.rose,
sky: colors.sky,
stone: colors.stone,
neutral: colors.neutral,
gray: colors.gray,
slate: colors.slate,
}),
https://i.imgur.com/6erZ1vL.png
Let me know if you still have further questions.
hi, is it possible to place dark mode switch to top bar instead of floating in bottom?
Hi jonathanoeijoeng,
Sorry for the late reply,
Yes it is, you can modify this component ”/resources/views/layout/components/dark-mode-switcher.blade.php” and move it to ”/resources/views/layout/components/top-bar.blade.php”.
Let me know if you still have a problem with this.
Hi Left4code, Thanks for the reply. Really sorry, I’m new to this and dont really get for you mean by move. Do I have to include it in top-bar.blade.php?
You may need a little bit of modification, please check this code.
<div data-url="{{ route('dark-mode-switcher') }}" class="dark-mode-switcher cursor-pointer flex items-center justify-center sm:mr-6">
<div class="mr-4 text-slate-600 dark:text-slate-200">Dark Mode</div>
<div class="dark-mode-switcher__toggle {{ $dark_mode ? 'dark-mode-switcher__toggle--active' : '' }} border" />
</div>
Open ”/resources/views/layout/components/top-bar.blade.php” and check the screenshot below.
https://i.imgur.com/nL4qJPZ.png
it worked. Thanks so much for your help!
Btw, is it possible to change the icon to dark mode icon so we dont need to add text ‘dark mode’ ?
Hi,
Thank you for your reply,
Yes, of course, you can simply replace the element with an icon.
<div data-url="{{ route('dark-mode-switcher') }}" class="dark-mode-switcher cursor-pointer flex items-center justify-center sm:mr-6">
<i data-lucide="moon" class="dark-mode-switcher__toggle w-8 h-8 {{ $dark_mode ? 'text-white' : '' }}" />
</div>
Can you tell us where are the XD files in Laravel version? I’ve been looking in both HTML and Laravel folders but can’t find the file.
Hi otbagency,
Sorry for the late reply,
The XD design files are currently only available in Rubick (the first variant of Midone).
Please re-download the file and check the Rubick version.
Hi there, is this in the HTML version only, or Laravel package have the files too?
Hi,
It’s also available in Laravel version..
It’s great, I thought it includes vue, I want to use it with laravel and vue for better spa-like performance. i can get the vue version?
Hi,
Thank you for reaching out,
We really sorry, it’s available as a different item. However, we can help you to switch to the vue version if the item has not been downloaded.
Upgrade to 2.03 failed. I tried to upgrade to the newest version, but it looks like they are incompatible. The scss folder is now CSS and I get errors when compiling. Is there an easy way to go back to a previous version? Looks like you removed sass. Or a way to make the upgrade work?
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 20 Jan 2022) please run the following command to downgrade the version.
yarn add @left4code/tw-starter@^2.3.1
Hello,
I installed your template “Midone – Rubick, at the time version 3.0.8” for Laravel, we had problems with the compilation of the SASS files, with the short development period we proceeded with the development with the hope that in the end we could resolve the situation, I expressed the last version 4.0.8 and I saw that there were no problems, so I would like to know the best way to solve the compilation problem, without compromising all the development in the project.
regards
Hi mediaprisma1979,
Thank you for reaching out,
The last update (released after 20 Jan 2022) was a major update (Upgrade from TailwindCSS 2 to TailwindCSS 3).
We are no longer using SASS due to an issue in TailwindCSS v3 with SASS.
In short, the upgrade process to the latest version may be a little complicated. If you are using an earlier version we recommend not upgrading.
We can help you with compilation problems with SASS, maybe you can include the error that appears.
We noticed that your support license has expired, we would appreciate it if you could extend your support license to keep getting support from our team.
Waiting for your reply.
Where can I find the XD file? It’s not in the ZIP
Hi Fakhru,
Thank you for reaching out to us,
The design files currently available for rubick theme, you can check it at the HTML version directory.
I’m using livewire to update a page for test results. When the student finishes the exam, livewire attempts to display a new view with the results. The test is working fine, but when it tries to show the results I’m getting this javascript error:
Uncaught (in promise) TypeError: Cannot set property children of #<Document> which has only a getter at addEvent (app.js:15405:21) at addEvents (app.js:16068:5) at window.dom (app.js:16132:5) at eval (eval at initialize (node_initializer.js:11:13), <anonymous>:2:5) at Object.initialize (node_initializer.js:11:13) at onNodeAdded (index.js:492:41) at callHook (morphdom.js:35:12) at handleNodeAdded (morphdom.js:140:13) at handleNodeAdded (morphdom.js:162:21) at morphdom.js:407:25 addEvent @ app.js:15405 addEvents @ app.js:16068 window.dom @ app.js:16132 eval @ VM1127:2 initialize @ node_initializer.js:11 onNodeAdded @ index.js:492 callHook @ morphdom.js:35 handleNodeAdded @ morphdom.js:140 handleNodeAdded @ morphdom.js:162 (anonymous) @ morphdom.js:407 morphEl @ morphdom.js:219 (anonymous) @ morphdom.js:463 value @ index.js:386 value @ index.js:291 value @ index.js:269 value @ index.js:11 (anonymous) @ index.js:69 Promise.then (async) (anonymous) @ index.js:64 Promise.then (async) value @ index.js:62 sendMessage @ index.js:242 value @ index.js:252 value @ index.js:274 value @ index.js:11 (anonymous) @ index.js:69 Promise.then (async) (anonymous) @ index.js:64 Promise.then (async) value @ index.js:62 sendMessage @ index.js:242 value @ index.js:252 later @ debounce.js:8 setTimeout (async) (anonymous) @ debounce.js:12 value @ index.js:225 callback @ node_initializer.js:98
It appears this is due to this line in the dom.js file:
const addEvent = (nodeList, event, callback) => { nodeList[event] = callback; };
I can’t seem to figure out what is causing this issue.
Hi noimad1,
Thank you for reaching out to us,
Please run `yarn add @left4code/tw-starter` to update the package, let me know if the issue still appears.
Unfortunately no luck. Still getting:
Uncaught (in promise) TypeError: Cannot set property children of #<Document> which has only a getter.
I did run yarn add @left4code/tw-starter and also ran yarn run watch after.
Ok, so I was never able to get this to work without removing the ”.children()” from the dom.js file. I was also having some jquery issues, so I just remove the results out to their own controller, and did a redirect from the test page after the final question. So that at appears to be working for now.
Sorry for the late reply,
That’s great, it would probably be great if you could provide a minimal step-by-step way to reproduce this issue so we can see what’s going on and release an update.
i have proplem with mix “child compilations (Use ‘stats.children: true’ resp. ‘—stats-children’ for more details)” with laravel i can’t do npm install && npm run dev
Hi Faris588,
Thank you for reaching out to us,
Can you provide your node and npm version?
It’s compatible with @tailwindcss/forms 0.5.0?
Hi unknow-sk,
Thank you for reaching out to us,
We haven’t tried version 0.5.0, we currently use version 0.4.0. Maybe we can update it in the next release.
Hello, I tried to insert a svg icon in the side menu, but it totally destroys the menu. Do you have a tip for doing this?
i am with version 3.0.4 of midone rubik
Hi IoscaA,
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
Hi. May I know the different between Midone HTML version and Midone Laravel version? Can I just purchase Midone HTML version to use in my Laravel project?
Hi azman85,
Thank you for reaching out to us,
In the Laravel version, we added integration on the blade including layout, menus, and menu configuration via view composer so you don’t have to integrate from scratch.
Of course, if you are a Laravel developer and are familiar with Laravel Mix you can integrate the HTML version into Laravel yourself.
Best regards, Left4code Team
Very nice layout and feature set! Are there any public documents that show me how the template is installed and used? Would like to see that before I purchase.
Hi kgraversen,
Thank you for reaching out to us,
Maybe you can check our online documentation at the following link. https://docs.midone-laravel.left4code.com/Hope you like our template.
Best regards, Left4code Team
Hello,
With feather icons I used feather.reload() to reload the icons in a Livewire view, with Lucide icons what instruction is used?
Hi mauricio72,
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
Minified React Error #31
On freshly installed Rubick v4.0.3, when I runthrow new Exception(),
scrolling or clicking any item in error tracing list result in Minified React Error #31 and make the error page blank, which hinder tracing bugs.
Additional info:
- My
APP_ENVis stilllocal - Running
pnpm devdoesn’t help - Laravel Mix issue #2792 suggest incompatibility with polyfill may help resolve this
Hi HilmanFaiz,
Sorry for the late reply,
It looks like the problem you are experiencing is related to react integration, unfortunately, it is not included in the support.
However, thanks for posting, maybe it can be useful for other users.
How is it not included in the support?
I only followed what’s instructed in your documentation and added nothing else. I didn’t add polyfill, it’s already there. It’s freshly installed and yet it’s still broken.
Can you send step-by-step to reproduce the issue?
this was what I did 5 days ago on Rubick v4.0.3:
composer install pnpm install pnpm watch
and add throw new \Exception(); in ~\app\Http\Controllers\AuthController.php @loginView()
Now I retry it and no problem occurred. But on a project I’m building on Rubick v4.0.2 error still happen, so I composer update and pnpm update and the error is gone.
I think it’s solved by composer update because I notice spatie/ignition (which is what is called when \Exception is thrown) is updated
Thanks sir
That’s great, let me know if you still need more help.
Have a nice day.
Hi! The fractional tailwind heights (eg h-1/2, h-2/3) seem not to work in your template. Can you assist?
Hi sopokudamoah,
Thank you for reaching out to us,
Please extend your support license to keep getting support from our team.
Hi the Rubick version in the laravel is the same as Icewall there is no implementation of RUbick
Hi shabanbx,
Thank you for the report,
Just updated the file, please re-download to get the latest updates.
Best regards, Left4code Team
Hello, is there any tutorial on how to install the template in a laravel project already under development? Thanks
Hi mrjoni,
Thank you for reaching out to us,
SImply update the core package to get the latest updates. Please run below command.
yarn add @left4code/tw-starter
Hope this helps.
Best regards, Left4code Team
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
