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,540 sales
Well Documented

Left4code supports this item

Supported

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

446 comments found.

Hiya, I noticed that several of your custom built elements use the same or similar classing as bootstrap. Was this just to help coders make it easy to transition and roll out elements, or was there other logic behind it. I’m curious. Thanks

Hello!

Thanks for reaching out and for your interest in our custom built elements. Yes, you are correct, several of our elements were designed to have similar classing as Bootstrap to make it easier for coders to transition and roll out elements. We understand that Bootstrap is a widely used framework and many developers are already familiar with its classing, which is why we decided to make the transition as smooth as possible. At the same time, we also wanted to make sure our elements are highly customizable and can be tailored to fit specific needs and preferences. Hope that answers your question. Let us know if there’s anything else we can assist you with.

It’s a great idea. Well done. I was just making sure I hadn’t accidentally done something very bad. :D Thanks for the help!

Hello!

We’re glad to hear that you find it helpful and that you’re enjoying working with them. If you have any further questions or concerns, please don’t hesitate to reach out. We’re always here to help. Have a great day!

Hi, I have a problem with the installation. when i run npm run dev it return error. below is the return error when i ran the command.

npm run build

> build > vite build

vite v2.9.15 building for production… ✓ 1643 modules transformed. [vite-plugin-static-copy] Copy count was not set. [vite:css] /node_modules/@left4code/tw-starter/dist/css/_accordion.css:6:9: The `dark:border-darkmode-400` class does not exist. If `dark:border-darkmode-400` is a custom class, make sure it is defined within a `@layer` directive. file: /resources/css/app.css error during build: CssSyntaxError: /node_modules/@left4code/tw-starter/dist/css/_accordion.css:6:9: The `dark:border-darkmode-400` class does not exist. If `dark:border-darkmode-400` is a custom class, make sure it is defined within a `@layer` directive. at Input.error (/node_modules/postcss/lib/input.js:148:16) at AtRule.error (/node_modules/postcss/lib/node.js:60:32) at processApply (/node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:324:29) at /node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:476:9 at /node_modules/tailwindcss/lib/processTailwindFeatures.js:55:50 at plugins (/node_modules/tailwindcss/lib/index.js:33:63) at LazyResult.runOnRoot (/node_modules/postcss/lib/lazy-result.js:339:16) at LazyResult.runAsync (/node_modules/postcss/lib/lazy-result.js:393:26) at async compileCSS (/node_modules/vite/dist/node/chunks/dep-689425f3.js:37463:27) at async Object.transform (/node_modules/vite/dist/node/chunks/dep-689425f3.js:37010:55)

Hi there,

I apologize for the late reply. I hope this reply finds you well. Based on the error message you posted, it seems like there is a problem with the class “dark:border-darkmode-400”. It might not be defined within a @layer directive in the file ”/node_modules/@left4code/tw-starter/dist/css/_accordion.css”.

If possible, try checking the `tailwind.config.js` and make sure the `darkmode.400` color configuration is properly defined.

I hope this helps! If you have any other questions or concerns, feel free to ask.

Hi, Laravel 10 will be issue soon. Is this version compatible with laravel 10 ?

Regards

Hello,

Thank you for reaching out to us. We are glad to hear that you are interested in our Midone admin dashboard template.

Regarding your question about compatibility with Laravel 10, we will be releasing an update for it when Laravel 10 becomes available. Our team is always working to ensure that our template is up-to-date and compatible with the latest versions of Laravel.

Please let us know if there’s anything else we can assist you with.

Best regards, Left4code Team

Hi i updated composer and yarn today, But i get a error now i don’t know how to fix. Can you please help me on this issue?

when i run yarn run dev i get the following error: yarn run v1.22.19 $ vite build && vite vite v2.9.15 building for production... ✓ 1637 modules transformed. [vite-plugin-static-copy] Copy count was not set. 'default' is not exported by node_modules/xlsx/xlsx.mjs, imported by resources/js/tabulator.js file: /Users/remco/Developer/Websites/kred/Website/resources/js/tabulator.js:1:7 1: import xlsx from "xlsx"; ^ 2: import { createIcons, icons } from "lucide"; 3: import Tabulator from "tabulator-tables"; error during build: Error: 'default' is not exported by node_modules/xlsx/xlsx.mjs, imported by resources/js/tabulator.js at error (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:198:30) at Module.error (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:12543:16) at Module.traceVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:12902:29) at ModuleScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:11554:39) at FunctionScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) at ChildScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) at TrackingScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) at BlockScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) at FunctionScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) at ChildScope.findVariable (/Users/remco/Developer/Websites/kred/Website/node_modules/rollup/dist/shared/rollup.js:6486:38) error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I already fixed it by recopy the package.json file

I’m glad to hear that you were able to fix the issue by recopying the package.json file! If you have any other questions or issues in the future, please don’t hesitate to reach out. We’re always here to help.

fullcalender.js is changed. how build for laravel 9

Thank you for reaching out to us. We apologize for missing your previous comment. Could you please provide more details about your question? Specifically, what changes have been made to fullcalender.js and how are you trying to integrate it with Laravel 9? This will help us better assist you.

fullcalendar crud with add event page html example

Hi idemirli,

We apologize for the late reply, and we appreciate your patience.

Regarding your question, here’s a very basic example to add an event in FullCalendar.

First, you will need to create an HTML page with a form to add a new event. The form should have input fields for the title, start date, and end date of the event.

HTML Form

<div id="calendar" />
    <div id="add-event-modal" style="display: none">
      <form>
        <label for="title">Title:</label>
        <input type="text" name="title" id="title" required />
        <br />
        <label for="start-date">Start Date:</label>
        <input type="datetime-local" name="start-date" id="start-date" required />
        <br />
        <label for="end-date">End Date:</label>
        <input type="datetime-local" name="end-date" id="end-date" required />
        <br />
        <input type="submit" value="Add Event" />
      </form>
    </div>

JS Code

(function () {
        var calendar = $("#calendar").fullCalendar({
          header: {
            left: "prev,next today",
            center: "title",
            right: "month,basicWeek,basicDay",
          },
          defaultView: "month",
          editable: true,
          selectable: true,
          selectHelper: true,
          eventRender: function(event, element) {
            element.bind("dblclick", function() {
              // Handle event double-click
            });
          },
          events: [
            // Add events to display on the calendar
          ],
          select: function(start, end) {
            // Show modal to add new event on day click
            $("#add-event-modal").css("display", "block");
            $("#start-date").val(moment(start).format("YYYY-MM-DDTHH:mm:ss"));
            $("#end-date").val(moment(end).format("YYYY-MM-DDTHH:mm:ss"));
          },
        });

        $("form").submit(function(e) {
          e.preventDefault();
          var title = $("#title").val();
          var start = moment($("#start-date").val()).format("YYYY-MM-DD HH:mm:ss");
          var end = moment($("#end-date").val()).format("YYYY-MM-DD HH:mm:ss");
          calendar.fullCalendar("renderEvent", {
            title: title,
            start: start,
            end: end,
            allDay: false,
          });
          $("#add-event-modal").css("display", "none");
        });
      });


This example will display a calendar with a form to add new events. When a user clicks on a day in the calendar, the form will be displayed with the start and end dates already set to the clicked day.

I hope this helps! Let me know if you have any further questions or if there’s anything else I can do to assist you.

Hi! can you review your extended license cost? it’s too much if you compare with other Laravel admin template. I am interested in your extended license. if you are thinking about any discounted price for your extended license, please let me know.

Wizard section not working in demo view. checking from EDGE.

Hi,

Thank you for reaching out and expressing your interest in our extended license option! We understand that cost can be a concern when it comes to purchasing any product, and we want to assure you that the price of our extended license is well worth the development time and value it provides.

Our extended license allows for use in a single end product that end users can be charged for, providing even more flexibility and opportunities for your project. It also includes access to our dedicated support team and regular updates to ensure that you have the most up-to-date version of our product.

We currently do not have any discounted prices for our extended license, but we do offer a regular license option at a lower cost for those who do not need the additional features and use cases provided by the extended license.

Please let us know if you have any further questions or concerns, we’re happy to help!

Can you please provide more details about the issue with the wizard section in the demo? Are you experiencing this issue specifically when using the EDGE browser? Are there any error messages or issues that you’ve encountered while trying to access the wizard section?

Hello how could I use jquery on your Laravel Project? I couldn’t do it. Thank you. Could you give a Step by Step please?

Hi there,

Thank you for reaching out to us,

Please follow these steps.

1. Install jquery with `yarn add jquery` or `npm install jquery`. 2. Open this file `/resources/js/bootstrap.js` and replace these codes.
https://prnt.sc/26kgqt5
3. Run `yarn run dev` to recompile the assets.

Hope this helps.

hi im getting this error on all built in components.

Could not find a declaration file for module ’@left4code/tw-starter/dist/js/svg-loader’. some of the components doesn’t work the way they’re suppose to.

I installed yarn and all of that still the same

370f531d-efbf-4033-b5a0-2e0296521c70

Hi karlojerio10,

Thank you for reaching out to us,

Can you send a step-by-step to reproduce the issue?

well first i downloaded the files. then followed the steps in the documentation. then run the project. in the components tab the accordion seems missing something. so i checked the files and get to the \resources\js\app.js. I see this error.

if i dont yarn install the components seems working fine.. when executed this command its not working.

I checked node_modules and its there \@left4code\tw-starter. am i missing something?

Hi,

Thank you for your reply,

Can you send a screenshot of the error here. leftforcode@gmail.com

Hi,

Whenever I run Vite compiler, all styles etc disappear. Vite works fine, I see the compiled css in build/assets.

The template contains @vite(‘resources/css/app.css’)

What could be wrong?

Hi there,

Thank you for reaching out to us,

Did you use our starter project? Or do you integrate the template into your existing personal project?

If you are integrating into an existing personal project, you may need to ensure that the `php` extension is added to the `content` configuration in tailwind.config.js.
https://i.imgur.com/W5c4l12.png

I started a clean Laravel project, then installed your started kit over it, following the instructions

I can’t access the image you attached, but I think this is what you’re referring to:

module.exports = { mode: “jit”, content: [ ”./src//.{php,html,js,jsx,ts,tsx,vue}”, ”./resources//.{php,html,js,jsx,ts,tsx,vue}”, ”./node_modules/@left4code/tw-starter/*/.js”, // ”.//*.html”, ],

Hi,

Thank you for your reply,

Yes, that’s the config we mean.

Have you copied the postcss config `postcss.config.js`?

fulcalendar add event modal box example for midone template on laravel 9

Hi there,

Sorry for the late reply,

I’m not sure I fully understand your question, can you provide a more detailed description?

It would be great if you could provide the code you already have and a screenshot of the UI you’d like to work on so our team can provide more detailed assistance.

Please contact us at the following email. leftforcode@gmail.com

the template not working with livewire? What must be done to work with livewire, already install livewire

php artisan jetstream:install livewire

Hi there,

Thank you for reaching out to us,

Unfortunately, we currently don’t support livewire by default.

Hi, i hope you can help me i want to use them 2 as standard in the new enigma theme how can i set theme 2 as default

Thanks remco

57df4847-4d3d-4b1f-9cb8-4ef9a005ea8b – 31 Aug 2022

Hi there,

Thank you for reaching out to us,

Please open this file ”/resources/css/_colors.css” and replace the default colors with the theme-2 colors. Please check this link for more details.

https://i.imgur.com/LEf1TXz.png

Hope this helps.

Please use incognito if you are using chrome or use another browser if you can’t open the above link.

Hi I am trying to use Laravel 9 pagination link with the MidOne “crud-data-list-page”, but it doesn’t get aligned similar to “flex justify-between”. Please help. Both parts are left aligned.

Hi there,

Thank you for reaching out to us,

Can you send the pagination HTML markup you’re working with?

All I did was I replaced your pagination html with this Laravel one liner:

<!- BEGIN: Pagination -> {{ $books->links() }} <!- END: Pagination ->

Hi,

Thank you for your reply,

You may need to export the pagination view and customize the blade file. Please check this link for more details.

https://laravel.com/docs/master/pagination#customizing-the-pagination-view

hopefully soon laravel + vite 4 update and there is a guide to do that

The documentation needs to be updated but I was able to get the login in page running using artisan instead of yarn(which doesn’t serve any pages at all).

After attempting to login with the default install credentials the page just loops back to login. There is nothing in the documentation how or where to proceed after initial install. How do I proceed past the login page or even register new user as that doesn’t even work either.

The documentation really needs to be updated.

“Much of what you did in the video is not in the order of the documentation and/or not in the documentation.”

-The order of the commands doesn’t really matter, the functions of the commands will produce the same output. You definitely know this if you are a Laravel/PHP developer. What we’re showing here is, we couldn’t find the problem you’re referring to.

“I am a developer as stated in the last reply, your feature list clearly states that apps are included. I have no reason to write new code if it is already available. Even your update logs says that apps were added. I would like a refund immediately. Please fix your item description so other devs do not make the mistake of thinking apps are bundled with this. Thank you.”

-There is nothing to fix in our item description, you can see just from the title without even looking at the description that this item is a Laravel template.

Programmatically template can mean anything hence the need for the item description. I only bought the item based on the DESCRIPTION which is deceptive. I don’t care about the front end as it needs quite a bit of work to fit my needs such as ajax loading for page elements. This is “FRONT END ONLY TEMPLATE” is useless to me.

Again half the stuff you did in the video is not even in the documentation. You clearly are struggling with the deployment yourself as you keep typing and then deleting php artisan over and over again.

I know how to run laravel crap I help dev a whole cryptocurrency exchange with it. I just want my money back I don’t even want the front end.

Also, you said after declining my refund you stated…

“On the other hand, the buyer also reasoned that the item should be a finished application, even though the item title and description stated that this item was a template. Buyers should also be able to see a live preview of the demo template before purchasing.”

Despite the first image of the description saying that the product is Production Ready, In no way did I believe that it was a finished product, I was looking for a “template” and/or a “boilerplate” to build off of and having quickly viewed the demo I reasoned this was a good starting point since the apps seemed as if they were included as stated in “Featured” section of the template description.

after vite build for production server. this error shows “Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:3000/resources/js/app.js. (Reason: CORS request did not succeed). Status code: (null).”

I checked the base layout at blade section. where @vite(‘resources/css/app.css’) didn’t Load Live server url in view file.

My query is How to change vite url (http://127.0.0.1:3000) to live server url (https://xyz.com) in vite build.

Hi there,

Thank you for reaching out to us,

The `@vite` directive will automatically detect the Vite development server and inject the Vite client to enable Hot Module Replacement. In build mode, the directive will load your compiled and versioned assets, including any imported CSS.

So you don’t need to change any configuration in production build mode. Please check this documentation link for more details.

https://laravel.com/docs/9.x/vite#loading-your-scripts-and-styles

can i request another page for next update like a detail products page

Hi, how i can compile project without all fakedata?

Hi, Any sale during black Friday ?

Thanks

Hi,

Thank you for reaching out,

We are currently having a sale for the HTML version of Midone, please check this link.

https://themeforest.net/item/midone-jquery-tailwindcss-html-admin-template/26366820

Hi, Any Sale during Black Friday ?

Hi,

Thank you for reaching out,

We are currently having a sale for the HTML version of Midone, please check this link.

https://themeforest.net/item/midone-jquery-tailwindcss-html-admin-template/26366820
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