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.
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,
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.comthe 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.
Hi,
Thank you for reaching out to us,
You are not supposed to open the URL in the console (`http://localhost:3000/`). Just open your regular app URL. The Vite URL is something Vite uses to serve Laravel assets.
Running Vite also detects JS/CSS code changes automatically and serves them to the browser. Please check this link for more details. https://laravel.com/docs/9.x/vite#running-viteIf you don’t have a web server on your local machine you can use `php artisan serve` and run the app according to the URL in the console.
After logging in, you should be redirected to the dashboard page. We have not included demos for CRUD users and such to limit the functionality of these items as templates.
Did you successfully run the (`php artisan migrate—seed`) database migration?
“You are not supposed to open the URL in the console (`http://localhost:3000/`). Just open your regular app URL. The Vite URL is something Vite uses to serve Laravel assets.”
- I know this, why would I even consider opening the url within the terminal? That response doesn’t even make sense. Even if I considered opening it in the terminal I would use “open `http://localhost:3000/" which would open the url in my default browser.
“If you don’t have a web server on your local machine you can use `php artisan serve` and run the app according to the URL in the console.”
- I know how to run and do run nginx and apache, I am running on a mac(unix). And no I am not running them in my dev environment while trying to get this to work. I am running “php artisan serve—host 0.0.0.0—port 8080”
note: My dev server is headless and I serve pages over my local network hence the ip 0.0.0.0
“After logging in, you should be redirected to the dashboard page.” - Like I said it loops back to the login page
"We have not included demos for CRUD users and such to limit the functionality of these items as templates."
- Why would you do this? Some type of demo content would help with development preview of the apps that are advertised in “features” that are described in the “Item Details” on this site, themeforest.
“Did you successfully run the (`php artisan migrate—seed`) database migration?” -Yes and Yes
Thank you for your reply,
Is it possible for you to upload the project online so we can directly check the issue?
Here at themeforest we are only allowed to sell templates, source code with certain functions must be sold on codecanyon.
We just retried the step-by-step installation but were unable to reproduce this issue on local or live servers. Are there specific steps we can take to reproduce this issue?
“Is it possible for you to upload the project online so we can directly check the issue?”
-This is a fresh install on a local intranet following your instructions but with some basic assumptions due to them being incomplete.
“Here at themeforest we are only allowed to sell templates, source code with certain functions must be sold on codecanyon.”
-well that makes what you posted false advertising
“We just retried the step-by-step installation but were unable to reproduce this issue on local or live servers. Are there specific steps we can take to reproduce this issue?”
How were you able to follow the step by step instructions and start the server? Nowhere does it say in the instructions when or how to start the server. I don’t think you did go through the instructions in the documentation you provided as they are incomplete. I’m am a dev too and have pulled, to many times, the ”’I am to lazy’ to really go through the docs because I know what I am doing” routine to know that is what you just did. You went through the steps based on memory and didn’t actually go through the docs.
Hi,
Please check the following link for more step-by-step details to run the project. https://www.youtube.com/watch?v=iRdArQtsonISorry for the misunderstanding, we made it clear in the description that this item is the TailwindCSS template integrated with Laravel Framework.
You should also be able to preview the demo before making a purchase. You need a developer to turn it into a usable finished app.
“Please check the following link for more step-by-step details to run the project. https://www.youtube.com/watch?v=iRdArQtsonI"
-Much of what you did in the video is not in the order of the documentation and/or not in the documentation.
“Sorry for the misunderstanding, we made it clear in the description that this item is the TailwindCSS template integrated with Laravel Framework.
You should also be able to preview the demo before making a purchase. You need a developer to turn it into a usable finished app.”
- 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.
“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/26366820Hi, 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