447 comments found.
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
hello, hope you have a nice day. anyway, why the tail-select empty validation not working (not showing the warning)? it skipping the validation to the next empty field, https://prnt.sc/w8t266 even when i use ‘required’ attribute, it prevent to submit the form, but also not showing the warning on the field.. been searching on documentation but i found nothing, please help.. thank you.
Hi, we have customers that we need to show them various custom data.
for example: How much profit were there from their business this month, how many surfers came to their site this month, etc.?
By and large what we need is for each customer to have their own dashboard with different data. Is this possible with your system?
Hi lidorkasar,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Yes, it’s possible. But please note that this project is only HTML template. You need another customization to make it able to show dynamic data or reports.
Hope this helps.
Best regards, Left4code Team
Hello,
I have some questions. 1. How to bind a function “on modal close” event in javascript? 2. Which modal library you use? Where can I get its manual? 3. May I have the list of the component plugin name that use in the project?
Thank you for your support Best Regards
Hi prartje,
Thank you for taking the time to contact us, I’ll be more than happy to help you with this.
You can use the following methods to show, hide, or toggle the modal programmatically.
// 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')
})
Since TailwindCSS doesn’t have any components shipped, We made our own library for modal, dropdown, and accordion. You can check the source code at ”/src/js/”, all of the options and plugins features has been shown on the demo page.
All of the used package dependencies are available at “package.json” complete with the version used.
Don’t hesitate to contact us if you had another issue or trouble related to template installation. Hope this helps.
Best regards, Left4code Team
Hi @Left4code, i just integrated the template with Nuxtjs and I realize that the dropdown to display the sub-menus does not work. best regards
Hi ricken07,
Thank you for taking the time to contact us I’ll be more than happy to help you.
The Midone HTML uses cash-dom library to modify DOM element which has almost the same API as jQuery. Since you use Nuxtjs to render your element, there’s might have a chance for the side menu js code to be executed before the DOM is rendered.
So you have 2 options here:
1. First make sure to run the js side menu code after the DOM has rendered, you can check the side menu js code here ”/src/js/side-menu.js”.
2. Rewrite the side menu js code to Vue/Nuxt declarative code, this is why we make the Vue version of this template.
Hope this helps.
Best regards, Left4code Team
How to open modal with javascript?
Hi prartje,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can use the following functions:
// Show modal
cash('#programmatically-modal').modal('show')
// Hide modal
cash('#programmatically-modal').modal('hide')
// Toggle modal
cash('#programmatically-modal').modal('toggle')
Hope this helps.
Best regards, Left4code Team
Hi, can you please tell me is it possible to use submitHandler method for Jquery validation plugin? I think that .validate() is not working (validation works only through html attributes, but direct call is needed for ajax forms). Thank you
Hi dp41646,
Thank you for contacting us, I’ll be more than happy to help you.
Yes, it’s possible. You can check ”/src/js/validation.js” to see the Pristinejs implementation.
Hope this helps.
Best regards, Left4code Team
Hi, I have purchased this design. Online it looks fine but when run local after download then in browser it shakes on load to adjust the controls while rendering. Not giving the smooth look like it is when explore online.
Your urgent support required in this regard.
Thanks
Hi fahadhashmi1982,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Can you send a screen recording of that? and what version of browser are you using?
Best regards, Left4code Team
Unable to find how to attach screen recording, can you please share info where the recording can be shared. Thanks
ok thanks, email sent
Hi fahadhashmi1982,
Thank you for your email, we will check it immediately and inform you as soon as possible through your email, thank you.
Best regards, Left4code Team
Hi, the updated version still not resolved OR not working properly. after executing the installation process and run the index file it loads relatively better but when refresh the browser the same issue happen again.
Hi fahadhashmi1982,
We really sorry for this issue, we just release another patch a few minutes ago. Kindly check it by replacing ”/src/sass/_dropdown.scss” with the new one from the download files.
Let me know if the issue still appears.
Best regards, Left4code Team
Hi, the issue still not resolved properly. can you please share the recording if it is working fine for you because we run index file from Source folder and facing this issue.
Regards
Hi fahadhashmi1982,
Did you already run “yarn run watch” to recompile the assets? or simply open the HTML file from the latest download to check.
I just sent you a screen recording from the latest version of Midone, kindly check your email.
Best Regards, Left4code Team
Hi, yes I did run “yarn run watch” to recompile the assets.
Regards
Hi fahadhashmi1982,
Since I can’t reproduce the issue, it seems like I need to see your project online, can you upload your code?
Best Regards, Left4code Team
Hi, right we will reconnect with you after sometime.
Thanks
Hi fahadhashmi1982,
Sure, that would be great..
Best Regards, Left4code Team
Hello I liked the design of the template, I just bought it but I’m having problems using it with NuxtJs, can I get support?
Hi ricken07,
Thank you for reaching out to us, I’ll be more than happy to help you.
May I know your issues?
Best regards, Left4code Team
I’m using the template with laravel and I see there is a new version available with tailwind v2 support. Do you have any specific instructions for updating the template?
Hi noimad1,
You can install the latest Tailwind version by running this command.
yarn remove tailwindcss postcss autoprefixer
yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
And replace all the assets from new version to your project (Be aware to not replace your custom code). Final step, adjust “Tailwind.config.js” from the new version to your project.
You can check this link to see what’s new on Tailwind 2. https://tailwindcss.com/docs/upgrading-to-v2Hope this helps.
Best regards, Left4code Team
Nice layout. I see no need to force the user to click the LEFT NAV to open children when a mouseover should suffice.
Hi Avoli,
Thank you for your suggestion..
Hello, need help, the tail-select “Search” function not working in mobile browser. im trying both Chrome and Safari.. i also trying “Request Desktop Site” in chrome, still not working.
Hi diand_el,
Thank you for reaching out to us, I’ll be more than happy to help you..
Can you provide more details about your issue? I couldn’t find the issue yo’ve mentioned above even on the online demo.
The search function seems working properly.
Best regards, Left4code Team
I test it on android phone, it’s working properly, but when i tried it on iPad, every browser not working (safari, chrome, brave), i only able to type first letter, and then the input not working until i set the focus to other place on the screen.
just found out, it’s also not working on iphone and safari (mac) the issue the same, only able to type 1 character…
Hi diand_el,
I just checked your issue and found out it was an issue with the TailSelect plugin. Please check these related links:
https://github.com/pytesNET/tail.select/issues/104We will make an update patch to fix this on the next version. However you can fix that issue right now by adding this to your css/scss file.
.tail-select input {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
I’ve tested on safari 14.0.1 and it’s working well. Hope this helps.
Best regards, Left4code Team
Thanks. Problem solved!
You’re welcome, happy to help..
where is the xd file? i bought coz i need the xd + html files..
Hi there,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can find the design file at “design file” directory from the download package. Let me know if you can’t find it.
Hope this helps.
Best regards, Left4code Team
thanks for quick response, i found it. but somehow the ui kit is not complete. i cant find some component such as input text field, button, tab, container etc?
We apologize for that, since the XD design file is provided as a bonus file to accomplish many buyer request, for now we have only included 1 dashboard page with main colors and used fonts.
We have planned to release another pages with multiple dashboard designs in the future, and will make and update regularly.
Best regards, Left4code Team
Hi there,
Is there anything I can help?
There’s a big blank area at the bottom of the pages on Firefox
Hi alfrosello,
Thank you for reaching out to us.
Sorry, I can’t reproduce your issue. Can you send us a screenshoot or other details? It will helps a lot, thank you.
Best regards, Left4code Team
Hello, how to make tail select always on top when dealing with other box? https://prnt.sc/vky7aw
Hi diand_el,
Thank you for reaching out to us.
Looking at your issue, I can confirm it caused by css box animation attached to second box after the tailselect box wrapper.
This is a css bug when using css animation, to make it right you need to remove attached animation class to the second box (simply remove .intro-x or .intro-y class) and the dropdown will be not overlapped as it should.
Hope this helps, thank you.
Best regards, Left4code Team
Dear Leaft4Code , Thank you for the nice design . Kindly let me know, can I make the design support direction (RTL) . Is there a design for angular ?
regards , Omar alkhateeb
Hi omar19955991,
Thank you for taking the time to contact us.
I am very sorry We currently don’t have any schedule to make the RTL version and Angular version at the moment. The next update will be focused to add a brand new theme on Midone and more pages to complete the current features.
So you may need to hire developer to integrate it with Angular framework and make the RTL version.
Hope this helps, thank you.
Best regards, Left4code Team
thank you for answering
I would like to inquire if there is a special technical support that can provide me the design support direction (RTL) . Regards , Omar alkhateeb
Hi omar,
I am very sorry, due to our limited time and schedule we can’t provide any special technical support for template customization.
I look forward for any chance to work with you next time.
Best regards, Left4code
Dear Leaft4Code , Thank you for replay. Can you guide me to a developer who can convert the design html into angular regards , Omar alkhateeb
Hi omar,
Unfortunately, We can’t help you with that. We have only support vuejs version at this time.
Best regards, Left4code
The attr data-feather="" not working when using server side datatable. the icon not showing up.
Hi diand_el,
Thank you for taking the time to contact us, I’ll be more than happy to help you with this.
The feather icon use javascript intialization to initialize the plugin, that’s why it doesn’t work with datatable with serverside rendering.
To make it work you need to re-init the plugin by running this function.
feather.replace()
Please check this documentation for more details.
https://github.com/feathericons/feather#4-replace
Hope this helps, thank you.
Best regards, Left4code Team
