444 comments found.
Dears , Please can you make a video tutorial of how to use one of your components Thank you.
Hi omar19955991,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You need to use the “Source” version, the “Compiled” version is not intended to be used in production.
After installing dependencies, You can check this file “Source/js/app.js” to start modifying the js file.
Hope this helps.
Best regards, Left4code Team
Hello,
How can i make my dropzone multiple fileupload work with PHP.
i have my form opening tage <form method=”post” enctype=’multipart/form-data’ action=”update.php”>
and in my php i do something like $_FILES and then check if exist then upload, however it doesnt works, do i miss something here?
sorry for asking an amateur question
Hi harispervaiz02,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, We can’t help you with that. We only support the template installation, bug fix, and fixing security vulnerability issue. You may need to follow some tutorials out there to help you with that.
Best regards, Left4code Team
looking at this other product I wanted to know what is the difference between this one and the other one that I mentioned there (Midone – Vue 3 Admin Dashboard Template + HTML Version + XD Design File)? is this the leanest version? another question that I didn’t ask in the other product, it’s easy for me to do the translation myself in my native language or create a multilingual language file
Hi rfaustino007,
The HTML version only contains HTML template without any framework like Vue or Laravel, there’s no translation feature included. You need to implement it by yourself.
Hope this helps.
Best regards, Left4code Team
I understood perfectly, just one more thing, the side menu would like it to be fixed, even with the container scrolling, I would really like the menu to be done on the screen, would this be possible in this model?
Hi rfaustino007,
Unfortunately, it is a design limitation, the template doesn’t support that.
Best regards, Left4code Team
Hi,
I’m having some problems because I cannot access everything from outside of app.js. I left app.js as it was and added custom.js where I added adding custom code I need for my actual app to work. Since I’m loading some elements with ajax I encountered two problems: 1. how to popup custom toast, because Toastify() isn’t available? 2. how to refresh SVG loader on demand?
Hi t3hn0,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Looking at your issue, I guess you’re using the “compiled” version of the template. The “compiled” version is actually only for example purpose.
You need to use the “source” version to modify the js code, there you can find uncompiled js code at “Source/src/js/app.js” including toastify/notification usage.
Best regards, Left4code Team
Hello,
how can i play with the graph, from where to change the values and script inorder to make it compatible to my data and not urs
Hi harispervaiz02,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can check the chart implementation at this file ”/src/js/chart.js”. You will find all the chart js initialization example.
Best regards, Left4code Team
so after editing what should i do, do i have to run the compiler to generate app.js and put that again in my js folder?
Hi harispervaiz02,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can copy these files to your project:
1. ”/dist”
2. ”/src”
3. “tailwind.config.js”
4. “webpack.mix.js”
5. “package.json”
Then run “yarn run install” from your project directory to install the dependencies. Now, when you compile the assets with “yarn run watch” it will produce new compiled assets at ”/dist” directory and you can simply include them on your HTML page.
Best regards, Left4code Team
Hello,
so rightnow these files are under src
3. “tailwind.config.js”
4. “webpack.mix.js”
5. “package.json”
so should i copy them out of src and then paste one directory back and then run it?
Yes, the directory structure needs to be the same as the original directory structure.
You can send a screenshot if to want to confirm the directory structure.
Here’s our email: leftforcode@gmail.comBest regards, Left4code Team
Hello,
Thanks for the comment, now i have another question, lets say i have value of chart coming from php and i want to set it in my chart, how should i go about it.
Since using yarn run watch doesnt makes sense
hello?
Hi harispervaiz02,
I am really sorry for the late reply,
There are several ways to pass dynamic data from PHP to the chartjs plugin, it depends on your needs and the structure of your application.
Here are a few that I suggest:
1. Pass the data as a JSON format to canvas element with data property (Eg: <canvas class=”chartjs” data-dynamic=”{{ your json data }}”>) and access it from JS code to be converted into an array and used in the plugin.
2. Make Ajax calls from JS to PHP and use plugins.
3. Attach chartjs plugin to “window” object and use it globally from your PHP/HTML file.
From some of the methods above, we will provide an example for the third way, because we think you want to initialize the Chartjs plugin directly via the PHP file.
First, open ”/src/js/bootstrap.js” and modify it like below:
// Load plugins
import cash from "cash-dom";
import helper from "./helper";
import helper from "./helper";
import chart from "chart.js";
// Set plugins globally
window.cash = cash;
window.helper = helper;
window.chart = chart;
Run “yarn run watch” or “yarn run production” to re-compile the assets.
Now, you can initiate the chart.js plugin globally on your PHP/HTML file and attach your dynamic data from there.
Hope this helps.
Best regards, Left4code Team
thanks
Hi harispervaiz02,
Let me know if you still have any other problems, you can contact us at “leftforcode@gmail.com” for a faster response.
Thank you!
Best regards, Left4code Team
I want to add a callback function when the notification dropdown shows or hidden. Please suggest to me how to add an event listener to the notification dropdown.
Hi prartje,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Sorry before, which component you mean? Is it dropdown menu or Toastify notification?
Best regards, Left4code Team
I mean the notification on the top menu. It’s near search textbox.
It’s actually a simple show & hide js code with cash-dom JS that will show if we focus the cursor in the textfield, we don’t use dropdown plugin for that.
You can check the code here: ”/src/js/search.js”
Best regards, Left4code Team
How can I set callback function after a search result hidden?
Hi prartje,
You can write your code inside “focusout” callback, please check the following code: https://prnt.sc/y2zl0rBest regards, Left4code Team
Dear Team,
How to change background BG color?
Hi sajtab,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can change all used theme colors in “tailwind.config.js” file. Just inspect the element from your browser, find the hex code and replace it from the config file.
Don’t forget to recompile the assets after making changes.
You can check more about TailwindCSS color configuration here: https://tailwindcss.com/docs/customizing-colorsBest regards, Left4code Team
I edited the html in the source folder. The usage says that you need to compile, but I don’t know how to do it. Can you elaborate on what to do? And can this source be developed only using node.js server? I am using Windows server.
HI acena,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
The first thing you will need is to install nodejs to compile the assets. You can download it here: https://nodejs.org/en/Then you can follow the installation steps in the documentation. Yes, of course, the template doesn’t require any web server at all.
The node.js is used to install the template dependencies and compile the assets (Compile process can be like minify the code, purgecss to remove unnecessary CSS code, compile the sass code into regular CSS, copy image assets, etc).
After all, you can use whatever backend language or webserver to work with the template. Let me know if you have any issues while installing the template dependencies.
Best regards, Left4code Team
Como hago para cancelar el soporte de 6 meses?
HI Lvillalta4412,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, it seems you need to contact Envato Support for that, We as Authors don’t have the feature / ability to cancel buyer support.
Hope this helps.
Best regards, Left4code Team
Hi, I purchased your midone theme a while ago and have just got round to using it.
Instead of using the very big app.js file, I would rather use the individual js files for each component so I am not loading js data I do not use for certain pages.
How do I do this please?
Cheers,
Mark.
Hi markwilla,
Sorry for the late reply,
We are using Laravel Mix as our module bundler, you can modify the “webpack.mix.js” file to customize which third party plugins you want to include for a particular page.
So instead of loading a single “app.js” file you can split them like below: https://prnt.sc/xhgbqeBest regards, Left4code Team
Thanks for the reply. I was kind of hoping to have separate .js files for each of the components (e.g. litepicker, ckeditor, etc) that I can simply reference on the web pages that need them (e.g. <script src=”js/ckeditor.js”></script>).
Hi,
Unfortunately, We don’t have separate .js files as you mentioned above. We are trying to use the latest best practice for our product development tools so we are using a package manager to install every package used by the template instead of manually download the library one by one.
Some libraries like CKEditor need to be compiled with a module bundler like webpack to be able to use the source build version. https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/advanced-setup.html#scenario-2-building-from-sourceWe use Laravel Mix to simplify the webpack configuration process so we can save time working with webpack.
Hope this helps.
Best regards, Left4code Team
Hi, my name is Ega I really love your template but I wanna ask something. Can i upgrade my version to the laravel version?
Hi egaharwenda,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Yes you can, but we need you to buy the Laravel version license first. Then you can submit a refund for the HTML version.
Hope this helps.
Best regards, Left4code Team
Pre Purchase Question: 1) Can we use it for PAAS product ?(We have services like form builder, and Team Interaction activity)
Hi NAGARAJBV5,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
If you asked about the license yes you can use it, but you need an extended license if your end product may be sold or otherwise limited to paying customers.
You can check more about Envato license here: https://help.market.envato.com/hc/en-us/articles/115005593363-Do-I-need-a-Regular-License-or-an-Extended-License-Hope this helps.
Best regards, Left4code Team
hello , is this theme already using alpine.js ?
Hi umarta,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
No we don’t use alpine js, we have our own js library for modal, dropdown, tab, etc.
However you still can use alpinejs if you want it.
Best regards, Left4code Team
I want to know that how to enable pdf engine in this theme? Like invoice or payslip download
Hi Ismail_Junaijo,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You need a backend service for that, generating pdf file is not something related to the template.
Hope this helps.
Best regards, Left4code Team
My manager purchased your theme for a client’s project. I have some problem with using it. I use SPA framework and I need to init some plugins separately after some events of the framework. It loads page contents without full page reload. But I see that internally it calls generated webpack objects and I don’t know how to call it externally. Please, help with this.
Hi idorosh7,
Thank you for taking the time to contact us.
Please email us your purchase code at “leftforcode@gmail.com”, we need to verify your purchase code before providing item support. Our team will continue to help you by email from there.
Best Regards, Left4code Team
Hi Team,
I sent an email 5 days ago and no reply. Please, answer.
Hi idorosh7,
Sorry seems like we don’t receive your email, can you check it or resend the email?
Best Regards, Left4code Team
Sent from another mail. Thank you for quick reply.
Hi idorosh7,
I am really sorry for the late reply, we’ve verified your purchase code.
Looking at your issue it seems like you use the compiled version of the template.
The package come with 2 version “Source” and “Compiled”, you can use the “Source” version to integrate it with your SPA Application.
Best Regards, Left4code Team
So how can I do that? Should I use another code minifier instead of the webpack? Should I initialize node modules manually?
We use Laravel mix as our default module bundler, it’s a simple wrapper for webpack. You can check “laravel.mix.js” to see the configuration.
And you can check the documentation here: https://laravel-mix.comBest regards, Left4code Team
We want to update a few elements like select, dropdown, date picker, modal content dynamically from javascript but, there is no cash function in the documentation to do that and, if we update the content of the element using innerHTML it’s not reflected in the frontend. File upload is not working without <form> element but, we want to use it without form using JS fetch calls.
Hi bharanisai,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
We use 3rd party plugins for some components (Ex: TailSelect for advanced select options, Litepicker for datepicker, Tabulator for advanced table display, Dropzone for file upload).
You can check their official documentation to see available properties or methods. Please check the following link:
Tail Select: https://github.com/pytesNET/tail.select/wiki Lite Picker: https://wakirin.github.io/Litepicker/ Tabulator: http://tabulator.info/docs/4.9 Dropzone: https://www.dropzonejs.com/
You can check the plugin dependencies in “package.json” file.
Please check the following link to use dropzone without form. https://stackoverflow.com/questions/36225879/dropzonejs-without-formBest Regards, Left4code Team
I want to change the main color (blue) to the color I want. What code do I need to fix? And I wanted to change the logo, so I changed the svg image, but it didn’t change. what’s the reason?
Hi acena,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
To customize the color you can open the “tailwind.config.js” file and modified the color from there. Please check this TailwindCSS documentation for more details. https://tailwindcss.com/docs/customizing-colorsIf you need to change images you can make a change from ”/src/images/”, it contains every image used by the template.
After all, don’t forget to recompile the assets by running “yarn run watch” or “yarn run production” to compile the modified assets into ”/dist” directory.
Hope this helps.
Best Regards, Left4code Team
hi,
where can I find the content of side-menu-light-tabulator.html?
I would like to change the content of the table.
Hi wulf1983,
Thank you for contacting us.. 
You can check the code at ”/src/js/tabulator.js” and you can check the documentation here:
http://tabulator.info/docs/4.9/data#ajaxHope this helps.
Best Regards, Left4code Team
folder structure is:
Source/dist/js/app.js
There is no file tabulator.js in the folder.
Hi wulf1983,
Please check the following structure: https://prnt.sc/wf5vxlBest Regards, Left4code Team
When I download the template, I do not find this folder structure.
https://prnt.sc/wf77iaHi wulf1983,
Please check the ”/src” directory not ”/dist”, the ”/dist” directory is a compiled file of ”/src”.
You can check the webpack config at “laravel.mix.js” to see the compile configuration.
Best Regards, Left4code Team
Oh Sorry – my bad. thx
You’re welcome, have a great day..
Best Regards, Left4code Team
Hello, I bought a Midone template. I want to use tabulator table. I could not find any document about this. Sample data is pulled from your site. Can you give me a document and an example of how to use it? Regards.
I found it while researching. Thank you.
Hi Salihbilgin,
Thank you for contacting us, I’ll be more than happy to help you.
Let me know if you have any other questions..
Best Regards, Left4code Team
Hello Developer,
Great works. I found on demo that Wizards section http://midone.left4code.com/side-menu-light-wizard-layout-1.html not yet works.
I’m interested to buy it but waiting the completion
Hi f41z,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
We purposely made the wizard form without javascript, since you may need a serverside or clientside validation, ajax post or something else to move from one form to another.
So we only provide UI designs, because everyone’s needs are different, hopefully this helps.
Best regards, Left4code Team
