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.

Tom select not selected from dropdown record over database. https://prnt.sc/26220au please help.,

Hi vm0993,

Thank you for reaching out to us,

Please check the documentation below to set TomSelect option value. https://tom-select.js.org/docs/api/#other-methods

Best regards, Left4code Team

Hello,

I would like to use Livewire modal, is it possible to disable the built-in one? if yes how can I do it please?

Thank you in advance!

I tried to call to close it using the class instead of the id and it worked! here is another screenshot: https://prnt.sc/26ax10a . Any idea why?

Hi Uceef94,

I am sorry for the late reply,

And thanks for your effort to post your livewire integration.

It’s a bit strange because we have tried it on the online demo and the hide function is working.

https://drive.google.com/file/d/1mf9h5iL68ZEWyCOomljOIRDrE1ID3C1S/view?usp=sharing

Can you provide an online demo to try?

To disable the built-in modal, you can comment the following line in the ”/resource/js/tw-starter.js” file:

https://prnt.sc/26b9tag

And for css you can comment the following line in the ”/resources/sass/app.scss” file:

https://prnt.sc/26b9tpy

Then re-compile the assets to update the js/css files.

I’m a little confused. I’m new to compiling assets. This is built using tailwind but I seem to be missing some of the tailwind classes. I know this is a custom theme so you have changed some of the colors. I can’t find things like text-red-600. Have these been replaced with the theme colors so they are not available? Thanks

Hi rob_szabo,

Thank you for reaching out to us,

Please check the “tailwind.config.js” and move the “colors” key to the “extend” key to use the default Tailwind color configuration.

theme: { ... extend: { colors: { ...primaryColors, white: "white", black: "black", current: "current", transparent: "transparent", theme: { 1: "#1C3FAA", ... }, }, fontFamily: { roboto: ["Roboto"], }, container: { center: true, }, maxWidth: { "1/4": "25%", "1/2": "50%", "3/4": "75%", }, strokeWidth: { 0.5: 0.5, 1.5: 1.5, 2.5: 2.5, }, }, },

Hope this helps.

Best regards, Left4code Team

Hello, I am trying to show notifications for custom sessions, but it throws me the error in cosola Tostify is not defined. How could I set notifications without pressing a button?

Hi Urufu,

Sorry for the late reply,

Please add the following lines to ”/resources/js/bootstrap.js”.

// Load plugins import helper from "./helper"; import * as Popper from "@popperjs/core"; import dom from "@left4code/tw-starter/dist/js/dom"; // Add this line import Toastify from "toastify-js"; // Set plugins globally window.helper = helper; window.Popper = Popper; window.$ = dom; // Add this line window.Toastify = Toastify;

Now, you can access the Toastify plugin from your blade file.

@section('script') <script> Toastify({ text: "This is a toast", duration: 3000 }).showToast(); </script> @endsection

Hope this helps.

How is for the menu the variable $first_level_active_index being set? I can’t seem to get it from the code, I downloaded the latest release…

EDIT: Never mind, I found the view composers!

hello, I have a problem when I run npm/yarn, the app.css file gets bugged. the current file has 600k and the new one has 400k and the theme is spoiled can you tell me what could it be?

Hi F4RR3LL10,

Sorry for the late reply,

What version are you currently using? Is it the HTML version?

hi dev, i came for download newer version, but why i not getting laravel in my project since 2.0.2

there is a issue with the laravel version. it doesnt include ajax call from vue. it just point to pure vue project entry point, not a laravel backend project. May i know any update for 2.0.2 above update?

sorry my bad, i purchase vue version, not laravel. confuse by 2.0.2 which include dummy laravel version.

Hi there,

I would like to use the delete modal and show/hide it with some own JS (not with a button, but within a function). I can’t find how it is shown and hidden. I see it appears and disappears in the DOM tree. It is not done by just add/remove a ‘show’ class. Can you please tell how to achieve this?

Hi it_at_hol,

Thank you for reaching out to us,

You can use built-in programmatically function. Please check the example below.

// Show modal cash('#programmatically-show-modal').on('click', function() { cash('#programmatically-modal').modal('show') }) // Hide modal cash('#programmatically-hide-modal').on('click', function() { cash('#programmatically-modal').modal('hide') }) // Toggle modal cash('#programmatically-toggle-modal').on('click', function() { cash('#programmatically-modal').modal('toggle') })

Hi, can you re-upload this screenshoot https://prnt.sc/124doui ? I need the code, but i think the picture is missing. Thanks

nevermind, it’s my network actually.

Hi putrazaman,

Thank you for reaching out to us,

Let me know if you still have any other question.

How many sites are limited it? Can i modify the html?

Hi fraitomas,

Sorry for the late reply,

You can use a single regular license for one end product. Yes, you can modify the HTML code.

Assalamualaikum.

Saya sudah purchase versi Laravel Midone, tetapi ketika saya sertakan snippet dari TailwindUI, hampir semuanya tidak muncul dengan semestinya.

Apakah ada yang kurang? Terima kasih.

If you are not speaking Indonesia, kindly inform me. Thank you.

Hi kpm_sysdev,

Sorry for the late reply,

Can you send the code and screenshots of the components you are using?

Sorry, its ok

Hi soj3da,

Thank you for reaching out to us,

Is there anything we can help?

Hello, unfortunately the style doesn’t work properly for me. I copied the Laravel project, entered “npm run dev” and started it. Now it looks like this: https://prnt.sc/1yvekqy

Hi LetHost,

Thank you for reaching out to us,

What version are you using (HTML/Laravel)?

is this theme using laravel blade components ?

I am trying to understand your menu routing process. When I add a resource controller route to the web.php routes file it throws an exception of route not found in the mobile-menu. Very confusing. In order to get by that, I have to add a get route to my controller which doesn’t allow me to use a resource controller and therefor blows up in other places. Do you have any documentation on the process of actually changing the menu and adding my own pages using Laravel controllers, models, and views as opposed to this simple pagecontroller demo that you have?

Hi there,

Please carefully read Laravel’s documentation on “Resource Controller”. Each route generated from the route resource will have its own route name.

https://laravel.com/docs/8.x/controllers#actions-handled-by-resource-controller

Please use the route name if you want to use it in the side-menu. For example, if you use the default example command to generate “PhotoController”.

php artisan make:controller PhotoController --resource
You can add the route name “photos.index” in the “route_name” key. https://prnt.sc/1xmtuf9
Please let us know if you still have the same problem.

This works. Makes perfect sense.

One more thing. Submenu items are not showing the icon i set, they always show the activity icon. Do I need to modify the code to fix this or am I doing something wrong. I was able to change the menu icon just not the submenu icon.

Since the problem has been solved, can you update your review?

The submenu icon is currently static because our designer uses the same icon, we will update it in the next release. However, you can manually modify the current template to make it dynamic. Please check the following screenshot.

Template file: ”/resources/views/layout/side-menu.blade.php”
https://prnt.sc/10mty99

Hope this helps.

Best regards, Left4code Team

Hi,

I have a question about the show-dropdown.js file. I can’t get it work with the function cash(”#programmatically-dropdown”).dropdown(‘toggle’);. It works fine if I use cash(”#programmatically-dropdown”).toggle();

Does .dropdown(‘toggle’) have some extra features compare to .toggle()? What should I do to make it work with .dropdown(‘toggle’)?

Thanks in advance.

Regards, Ruud

Hi there,

Thank you for reaching out to us,

It’s actually a bit weird that we don’t use the ”.toggle()” function. The functions available for the dropdown should be:

// Show dropdown cash("#programmatically-dropdown").dropdown("show"); // Hide dropdown cash("#programmatically-dropdown").dropdown("hide"); // Toggle dropdown cash("#programmatically-dropdown").dropdown("toggle");

Can you send the error message?

Hello, the theme looks great. Is there an option to expand the left menubar so it shows the icon and menu name instead of just icon in tablet? Thanks

Hi kevinjati,

Thank you for reaching out to us,

Unfortunately, we currently don’t have an option for that.

Purchase code: 3841922f-8bdc-4cc8-ae75-5d718cf3df4f

Hi,

I was hoping to integrate this theme into an existing Wave (https://devdojo.com/wave) project. Do you have any recommendations as to how to accomplish this

Hi aaroncallagher,

Sorry for the late reply,

The Laravel version is meant to be used directly as a base project, if you want to use Midone as a theme in other projects, we recommend using the HTML version (included in the download package). We think it will be easier because you can customize the template structure as needed.

You can contact us through this email “leftforcode@gmail.com” if you have more questions about the template integration.

Hello,

I’m trying to use LivewireUI Modal, but the modal is not displayed. I don’t have an error message in the browser console. From the behavior of the screen, I believe the layout is not being displayed. This is the component that triggers the modal:

https://github.com/livewire-ui/modal/blob/main/resources/views/modal.blade.php

Could you check if there is any incompatibility?

Thanks!

Hi fuentesbr,

Thank you for reaching out to us,

You can comment the following file to disable Midone’s built-in modal component.

// resources/js/tw-starter.js https://prnt.sc/1x5c9yj // resources/sass/app.scss https://prnt.sc/1x5cbh5

Let me know if you still have any other questions.

Hi, thank you very much for the feedback.

The function to open the modal is working (both displaying and exiting the modal), but the content does not appear, only if I press CTRL+F (image below). Could you tell me how I could make it compatible with Midone?

https://prnt.sc/1x6drsa

Thanks.

Hi there,

Sorry for the late reply,

We cannot directly assist the use of 3rd party plugins which are not integrated by default with Midone. Can you show the error message or something we can check?

Hi, The template is amazing, but unfortunately I have issues using standard tailwind classes. Some classes don’t work and some do. For example text-blue-800 works fine, but text-blue-400 not. I’ve tried to disable JIT and purge, but no success. Empty the cache also not working. Could you please help me with this issue? I use Laravel with webpack. This is my setup:

webpack.mix.js:

mix.js(“resources/js/app.js”, “public/dist/js/app.min.js”) .sass(“resources/sass/app.scss”, “public/dist/css/app.min.css”) .options({ processCssUrls: false, postCss: [tailwindcss(”./tailwind.config.js”)], }) .autoload({ “cash-dom”: [“cash”], });

if (mix.inProduction()) { mix.version(); }

And this is my tailwind.config.js:

const primaryColors = require(”@left4code/tw-starter/dist/js/colors”);

module.exports = { mode: “jit”, darkMode: “class”, purge: [ ”./src//.{php,html,js,jsx,ts,tsx,vue}”, ”./resources//.{php,html,js,jsx,ts,tsx,vue}”, ”./resources//*/.{php,html,js,jsx,ts,tsx,vue}”, ”./node_modules/@left4code/tw-starter//*.js”, ”.//.html”, ], theme: { borderColor: (theme) => ({ ...theme(“colors”), DEFAULT: primaryColors.gray[“300”], }), colors: { ...primaryColors, white: “white”, black: “black”, current: “current”, transparent: “transparent”, theme: { 1: ”#1C3FAA”, 2: ”#F1F5F8”, 3: ”#2E51BB”, 4: ”#274AB7”, 5: ”#DEE7EF”, 6: ”#F84F31”, 7: ”#365A74”, 8: ”#D2DFEA”, 9: ”#23C552”, 10: ”#3160D8”, 11: ”#F78B00”, 12: ”#FBC500”, 13: ”#7F9EB9”, 14: ”#E6F3FF”, 15: ”#8DA9BE”, 16: ”#607F96”, 17: ”#FFEFD9”, 18: ”#D8F8BC”, 19: ”#2449AF”, 20: ”#395EC1”, 21: ”#C6D4FD”, 22: ”#E8EEFF”, 23: ”#1A389F”, 24: ”#163296”, 25: ”#C7D2FF”, 26: ”#15329A”, 27: ”#203FAD”, 28: ”#BBC8FD”, 29: ”#284EB2”, 30: ”#98AFF5”, }, }, extend: { fontFamily: { roboto: [“Roboto”], }, container: { center: true, }, maxWidth: { “1/4”: “25%”, “1/2”: “50%”, “3/4”: “75%”, }, strokeWidth: { 0.5: 0.5, 1.5: 1.5, 2.5: 2.5, }, }, }, variants: { extend: { boxShadow: [“dark”], }, }, };

Please let me know if you need more information. Thank you in advance.

Regards, Ruud

Hi there,

Thank you for reaching out to us,

To use the TailwindCSS default colors you need to move the theme colors inside “extend” key. Please check the screenshot below. https://prnt.sc/1x27hra More documentation details. https://tailwindcss.com/docs/customizing-colors#extending-the-defaults

Thanks a lot for the support. It works like a charm :)

You’re very welcome.. :)

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