Discussion on Midone - Tailwind 4 Laravel 11 Admin Dashboard Template + HTML Version

Discussion on Midone - Tailwind 4 Laravel 11 Admin Dashboard Template + HTML Version

Cart 1,538 sales
Well Documented

Left4code supports this item

Supported

This author's response time can be up to 2 business days.

446 comments found.

Hi, i have trouble setting up ajax values to tom-select.js multiple select field onsearch. i tried to modify and add new config to tom-select.js file and ran yarn run dev. but no luck. do you have instructions on how to get this ajax search on multiple select field done ?

Hi joeswork83,

Sorry for the late reply,

Have you checked the following documentation? https://tom-select.js.org/examples/remote/

Can you post your code on codepen or something?

Hi, I’m having confusion about the ‘icon’ property in SideMenu.php. ‘icon’ property works well in the “main-menu part” but when I try to specify ‘icon’ inside a ‘sub_menu’ it always puts the ‘active’ icon.

Solved. Good Template, Congrats!

Hi ivanalvarez5551,

Sorry for not getting back to you sooner,

Please don’t hesitate to contact us with any questions or concerns you may have.

Best regards, Left4code Team

Hi..

I’d like to use an xxl-sized model.
How do I make it?

xxl size modal

Hi iisoft,

Thank you for reaching out to us,

You can add a custom sass code for new size.

For example: .modal { .modal-dialog { &.modal-xxl { @apply w-11/12; } } }

Hope this helps.

Best regards, Left4code Team

hi, i need help with menuitems.

this is part of my sidebarmenu ‘categories’ => [ ‘icon’ => ‘layers’, ‘title’ => ‘Categories’, ‘sub_menu’ => [ ‘all-categories’ => [ ‘icon’ => ’’, ‘route_name’ => ‘categories.list’, ‘title’ => ‘All Categories’ ], ‘add-category’ => [ ‘icon’ => ’’, ‘route_name’ => ‘categories.add’, ‘title’ => ‘Add Category’ ] ] ],

the problem is when i goto Edit category page, it doesnt get any of the menu items active. how should i do that ?

Hi joeswork83,

Thank you for reaching out to us,

It’s expected behavior since the “Edit Category Page” is not registered to the menu.

However, you can force to activate the menu like below:

File: app/Http/View/Composers/MenuComposer.php https://prnt.sc/1in1032

Hope this helps.

Best regards, Left4code Team

hi, that works, thank you for the quick solution.

You’re very welcome.. :)

hi, can you advise how should i install and use jquery instead of cash? should they both co-exist? will it affect the rest? how should i do it properly?

i have dropped direct emails to muhammadrizki@left4code.com weeks ago, but you never reply. is posting publicly here the only communication channel?

i followed your instruction to install jquery but yet i still cannot get the modal work. i don’t know what is wrong.

<link rel=”stylesheet” href=”{{ mix(‘dist/css/app.css’) }}” /> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”>

if i commented the app.css and use bootstrap css, the modal work, if i put both css, cannot work.

Can I request for the pure HTML, CSS version of the theme instead of the compiled app.css? or please advise how should i install the purest css in laravel. actually i only want the tailwind theme (the styling and the animation) without all the js components.

Hi joiecy,

Sorry for that, it looks like we didn’t receive your email. Can you resend your email here? leftforcode@gmail.com

We don’t recommend to combine Tailwind and Bootstrap as there should be a conflict with classes, components or else.

However with your case you can try to exclude our modal component from these files:

CSS Files: /resources/sass/app.scss https://prnt.sc/1r7914a JS Files: /resources/js/tw-starter.js https://prnt.sc/1r793xe

This way you may be able to resolve the conflicts with the bootstrap components.

The template was written in SASS which you can found in ”/resources/sass/”, you can modify everything from there. For the JS code you can check ”/resources/js/tw-starter.js”, it includes our built-in JS components.

I am interested in purchasing “Laravel 8 Admin Dashboard Template + HTML Version + XD Design File” can you show me documentation for this? I purchased one from envato and documentation was horrible.

also let me know which tech stack you use beside Laravel and TailwindCSS in “Laravel 8 Admin Dashboard Template + HTML Version + XD Design File”, Did you use jQuery or Vuejs? or you let us decide what to use along with Laravel :)

Hi hasan_,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Unfortunately, we are unable to send you the documentation files. But, here we can provide a screenshot of the installation steps. https://prnt.sc/1dzg27h

Hope this helps.

Best regards, Left4code Team

Sorry friend, already purchased Vuexy. Documentation should be public. because it gives satisfaction before purchasing. because many people just sell product and dont worry about documentation. I have already wasted my money on one item like this. and just screenshot of installation page isnt enough.. everyone knows how to install using composer and npm ;)

Hi, I am working on a project (in a team) and I had suggested this dashboard template to the team leader, they get it purchased and sent me the .zip. Now I can see the documentation and all in that .zip but can’t find how to install and get it working without yarn. We are already using npm as package manager and we don’t want to introduce multiple package managers. It’s an existing project.

PS: I am new to laravel myself so I might be missing something very obvious here.

Hi there,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

It doesn’t matter what package manager you’re using, you can use yarn, pnpm, or even npm as long as you have the package.json file.

So if you use npm, you can install the dependencies with “npm install” and run the mix compiler with “npm run watch”.

Hope this helps.

Best regards, Left4code Team

Hi

I would like to purchase your them but before i purchase can you send me a link for your documentation. for the laravel installation do you provide mock mysql data as well?

Hi tonyjzuo,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Unfortunately, we are unable to send you documentation files. But, here we can provide a screenshot of the installation steps. https://prnt.sc/1dzg27h

Yes, we have written some “migration” and “seeder” files for login feature, you can modify them to meet your needs.

Hope this helps.

Best regards, Left4code Team

1. How to add pristine validate (red box) on tom-select? https://prntscr.com/1dbqrz3 2. Can I disable the search box in tom-select? https://prntscr.com/1dbtj74

Hi sunnguon,

Sorry for the late reply,

1. I don’t think it’s possible to configure pristinejs to work with tom-select because it will only work for plain input elements. What I can suggest is to write some custom code to detect validation errors on certain inputs and set the border class manually. Please check the screenshot below: https://prnt.sc/1emymeu

2. I don’t think it’s possible, if you want to hide the search box I’d rather suggest you use a regular select element.

Hope this helps.

Best regards, Left4code Team

The Laravel version is compatible with Laravel Jetstream & Inertia Stack?

Or need use Vue version for Laravel + Vue3 + Inertia? do you have any instructions?

Hi ciqa,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Unfortunately, we don’t have Inertiajs implementation and you may need to do the integration manually.

InertiaJs have different architecture, different routes, and render view mechanism.

Hope this helps.

Best regards, Left4code Team

how to update Rubic 3.04 to Rubick 3.08 ?

Hi rama_euiinn,

You can run “yarn add @left4code/tw-starter” or “npm install @left4code/tw-starter” to update the core dependencies.

Best regards, Left4code Team

when there is an error like this, why do you think? there was an error when submitting, but when the tail-select class in my select tag omitted the submit it ran normally. submit it runs on Laravel 8 + Livewire. Thank you in advance.

in browser:::

Uncaught TypeError: Converting circular structure to JSON —> starting at object with constructor ‘select’ | property ‘options’ -> object with constructor ‘select.options’ - property ‘self’ closes the circle index.js:36 at JSON.stringify (<anonymous>) at Connection.value (livewire.js:13) at sendMessage (livewire.js:13) at Component.value (livewire.js:13) at later (livewire.js:1)

// Forward the query string for the ajax requests. fetch( `${window.livewire_app_url}/livewire/message/${payload.fingerprint.name}`, { method: ‘POST’, body: JSON.stringify(payload), // error in here // This enables “cookies”. credentials: ‘same-origin’, headers: { ‘Content-Type’: ‘application/json’, ‘Accept’: ‘text/html, application/xhtml+xml’, ‘X-Livewire’: true,

// We'll set this explicitly to mitigate potential interference from ad-blockers/etc.
            'Referer': window.location.href,
            ...(csrfToken && { 'X-CSRF-TOKEN': csrfToken }),
            ...(socketId && { 'X-Socket-ID': socketId })
        },
    }
)

Hi rama_euiinn,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Submitting a form with or using a tail-select doesn’t seem to be related.

Can you share a simple snippet of your code on submit?

Best regards, Left4code Team

How can I remove the animation that happen when dashboard load. This is driving me crazy

HI cheolindo,

Thank you for taking the time to contact us, I’ll be more than happy to help you.. :)

You can comment the line below: https://prnt.sc/10luqxr

From ”/src/sass/app.scss” to remove the animation, don’t for get to recompile the assets after making changes.

Hope this helps.

Best regards, Left4code Team

Thanks :)

You’re very welcome.. :)

Best regards, Left4code Team

can you at least help me separate dark and light mode to a complete separated themes to reduce bloat and have a smaller app.css file for icewall theme. Then I will code it on my own to make user choose what theme mode they prefer in user profile and store it in database. example, instead of having one theme would be two themes *icewall ->light ->dark

thanks

Hi TextYB,

Thank you for reaching out to us,

Unfortunately, we can’t help you customize the code. But we can guide you to find all dark mode related codes and you can decide whether to remove them or not.

You can do a search from your text editor with the following keywords:

Path: "resources/sass" Keyword: 1. ".dark" 2. "dark:" Example: https://prnt.sc/19mzwts https://prnt.sc/19mzt9h Path: "resources/views" Keyword: 1. "dark:" Example: https://prnt.sc/19n045g

Hope this helps.

Best regards, Left4code Team

tom-select in Rubick dark-mode theme is still white?

Hi sunnguon,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Please re-download the latest updates and replace this file to your project ”/resources/sass/components/_tom-select.scss”.

Don’t forget to re-compile the assets.

Best regards Left4code Team

hi, is there a guideline how to integrate this theme into an existing laravel project?

i am trying to lighten the weight of app.js and app.scss. can you advise what are the most basics must have, without all the components? and then how to add back 1 by 1 when i need them, eg. modal.

i am getting this error, what did i missed? when i do npm run dev

ERROR in ./resources/sass/app.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: Can’t resolve ’./images/bg-login-page.svg’ in ‘C:\myprojects\waoshop0\resources\sass’

Hi joiecy,

Sorry for the late reply,

You can check this file ”/src/libs/tw-starter.js” to check the basic components like modal, dropdown, accordion.

Looks like you haven’t copied the images directory. Can you check it?

Hello…

Where should I check to see the problem of colors light/dark mode

Browser Light Theme / Template Light Mode https://prnt.sc/183i8xh Browser Dark Theme / Template Light Mode https://prnt.sc/183iyxw Browser Light Theme / Template Dark Mode https://prnt.sc/183jdgf Browser Dark Theme / Template Dark Mode https://prnt.sc/183jq0p

Regards, Mauricio.

Hi mauricio72,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

You can easily add the “dark” class to the HTML root tag to implement the dark mode. Please check the screenshot below: https://prnt.sc/18pme75

Best regards, Left4code Team

Good night, I would like to know where is the file for XD Design, or figman, I looked in all the download folders and I didn’t find

Hi barth_rj,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

For now, the XD design file is only available on the Rubick template. You can find the design files in the following directory: https://prnt.sc/17tcd3a

Best regards, Left4code Team

Hey bro. Could you please provide me with a landing page. I have tried my best to come up with one but I did a terrible job. If you can do that I’ll be forever grateful.

I am not asking for a new deign just moving already made components around to come up with a professional look. I am thinking what would have taken me days to accomplish, would be a matter of minutes for you guys.

Thank you so much in advance.

Hi TextYB,

Sorry for the late reply,

Unfortunately, we can only provide support items according to the Envato License rules at the following link: https://themeforest.net/page/item_support_policy#whats-included-item-support

Best regards, Left4code Team

its included laravel 8 + vue3?

Hi pb11preet,

Thank you for reaching out to us,

No, it doesn’t include Vuejs at all. You can check another version that is specially built with Vuejs here:

https://themeforest.net/item/midone-vuejs-admin-dashboard-template/28123408

We don’t have Laravel + Vue integration for it but we can guide you to integrate it into the Laravel project.

Best regards, Left4code Team

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey