447 comments found.
Hi,
I am using Rubick v3.0.7 of Midone HTML. I need deobfuscated version of app.js. May I have it?
Hi orkamedya,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You should use the “Source” version instead of “Compiled” version. Please follow the installation step on the documentation to install the dependencies and compile the JS/SASS files.
Best Regards, Left4code Team
I am currently using only HTML, JS, PHP and CSS. If I would have clear version of js and css files of template, it would be good.
Hi orkamedya,
Please use the “Source” version of the template, you can find the JS or SASS code there.
JS Main File: - “Source/src/js/app.js”
CSS Main File: - “Source/src/sass/app.scss”
Best Regards, Left4code Team
I am checking
Hi orkamedya.
Sure.. 
Best Regards, Left4code Team
Hi!! In the examples, you show how to use Tabulator’s global filter, but how can I use the column filter, or, the header filter ?
Hi alebencz,
Sorry for the late reply,
Please check the following documentation: http://tabulator.info/docs/4.9/filter#headerHope this helps.
Best regards, Left4code Team
Could you please for the next update create a repeater option for the forms ? I really need help with that!
Hi yanirhaim,
Thank you for reaching out to us,
Sorry, can you explain in more detail? What is “repeater option”?
Best regards, Left4code Team
Hi @Left4Code, I try to use tailselect component (selector) but when i add custom v-model (like v-model=”selectorValue”) on it. It behaves just like a simple HTML selector without any styles and functionalities. So, could you tell me what can i do. I use vue 3.0 and inertia.js with laravel
Hi Usman08,
Thank you for reaching out to us,
Sorry, it looks like you are using a different account from your purchase account.
Can you use your purchase account?
Best regards, Left4code Team
<td class="border-b dark:border-dark-5">
<div class="flex items-center">
<a class="flex items-center mr-3" href="javascript:;" data-toggle="modal" data-target="#update-production-modal-{{input.id}}"> <i data-feather="check-square" class="w-4 h-4 mr-1" />
{% if employee.business.language == 'English' %}
Edit
{% elif employee.business.language == 'Español' %}
Editar
{% endif %}
</a>
<a class="flex items-center text-theme-6" href="javascript:;" data-toggle="modal" data-target="#delete-production-modal-{{input.id}}"> <i data-feather="trash-2" class="w-4 h-4 mr-1" />
{% if employee.business.language == 'English' %}
Delete
{% elif employee.business.language == 'Español' %}
Eliminar
{% endif %}
</a>
</div>
</td>
but when I append it, I lose the CSS style, any recommendations ??
Hi yanirhaim,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Can you send us a screenshot and the code snippet you used to append the code?
Best regards, Left4code Team
Hi yanirhaim,
Thank you for your reply,
I can’t seem to reproduce the issue you’re having.
Which table style are you trying to use?
Best regards, Left4code Team
How can I implement jquery? is the library included?
Hi ange7us,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, jquery is not included by default. We use cashJs as a replacement for jquery, you can check the documentation here: https://github.com/fabiospampinato/cashIt has almost most of the functionality of jquery but with minimal size. You can use it with “cash(”#example”)” keyword.
However, you still can use jquery by install it manually through npm or yarn. Just run the following command “yarn add jquery” or “npm install jquery”.
Then register it globally by attaching it to “window” object. Change the following file ”/src/js/bootstrap.js” as below.
http://i.prntscr.com/WH3MNEQxQuOj8JmdG9agKA.pngHope this helps.
Best regards, Left4code Team
How can I configure the Ckeditor with all its components (full)
Hi ange7us,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can check the following file: ”/src/js/ckeditor.js”
Hope this helps.
Best regards, Left4code Team
after doing npm run install then npm run watch I get an error like this
[Browsersync] Watching files… : Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100% * $count, $perpage)
More info and automated migrator: https://sass-lang.com/d/slash-div 124 │ width: (100% * $count / $perpage); │ ^^^^^^^^^^^^ ╵ node_modules\tiny-slider\src\tiny-slider.scss 124:13 @import stdin 83:9 root stylesheet
╷: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $count)
More info and automated migrator: https://sass-lang.com/d/slash-div 136 │ width: (100% / $count); │ ^^^^^^^ ╵ node_modules\tiny-slider\src\tiny-slider.scss 136:15 @import stdin 83:9 root stylesheet
╷Hi rama_euiinn,
Thank you for reaching out to us,
Sorry, it looks like you are using a different account from your purchase account.
Can you please email us your purchase code here?
leftforcode@gmail.com We will help you through there, thank you..
what should i do to fix the above error?
Hi rama_euiinn,
We just replied to your other comment, kindly check it..
Best regards, Left4code Team
Okay thank you very much. there’s one more thing, please help, I’m having trouble adding laravel jetstream livewire into this midone template
Hi rama_euiinn,
Thank you for your reply,
To be honest I’ve never used jetstream + livewire before but I’ll try to help. What problems are you having?
Best regards, Left4code Team
Good day, i am failing to change the blue
Hi majecha,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can follow the steps below to change the color.
Select the elements. https://prnt.sc/11ou5hj
Look for the background-color property. https://prnt.sc/11oubwn
Hover over the property and click the little arrow behind the value. https://prnt.sc/11ouha7
Then we will be directed to the elements. https://prnt.sc/11ouleg
Since tailwind converts the colors from HEX to RGBA we have to change the “var(—tw-bg-opacity)” string to “1” like below. https://prnt.sc/11ouvsv
https://prnt.sc/11ouy8n Open the color picker and change the RGBA color to HEX by clicking on the little arrow next to the box.Then you can copy the HEX color, find and replace it in the “tailwind.config.js”.
Don’t forget to recompile the assets after making a change.
Best regards, Left4code Team
Hello! Do you provide a complete UI Kit for this theme? Preferably FIgma or Sketch. We could probably work with other variants (PSD and such), but the main question is the UI Kit complete and has all the elements presented in this theme?
Hi Akimovp,
Thank you for reaching out to us,
Unfortunately, the XD design file is only available for Rubick and not all pages are completely available.
Best regards, Left4code Team
Thanks for your reply. Would it be possible to look at screenshots of your UI Kit to make sure it has all the necessary elements?
Hi Akimovp,
Sorry for the late reply,
Please check the following link: https://prnt.sc/13kzrpz https://prnt.sc/13kzsey https://prnt.sc/13kztcoHope this helps.
Best regards, Left4code Team
Hi, where we can add the apikey for google maps of dist folder ? that will works on our sites..
Hi Mausino112,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can check at the bottom of the file when the google map js asset is loaded. Please check the screenshot below for more details. https://prnt.sc/13g5e97Hope this helps.
Best regards, Left4code Team
Thank you..
i founded it now.. i searched in js files… i feel ashamed, because we had still above this scripts and missed it…
Should i ask you for your screenshot settings in custom maps in your google map style.. because is great styled of colors and without any POIs in the map.
Hi Mausino112,
Sorry for the late reply,
You can check the google map initialization code at this file ”/Source/src/js/maps.js” and modify the POI from there.
Hope this helps.
Best regards, Left4code Team
Hi, will nice if will possible integrate sidebar menu with icons on mobile screen size. xs/sm. Now menu are still going vertically on small screens. Thanks
Hi Mausino112,
Sorry for the late reply,
Thank you for your suggestion, we will try to consider it in a future update.
Best regards, Left4code Team
Hey, how can I sort my datatables by date? I want the latests data to be the first one to appear. Best!
Hi yanirhaim,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can use “sorter” property. Please check the following documentation for more details. http://tabulator.info/docs/4.0/sort#func-builtinHope this helps.
Best regards, Left4code Team
Hello, a few days ago we bought your template. But we have stopped because we cannot edit any view, to put logos of ourselves and add a couple of necessary images requested by the client. The error always shows “Insert error` · `prettier / prettier”.
What can we do?
Hi henryjfv,
Sorry, it looks like you are using a different account from the purchase account.
Can you please email us your purchase code here?
leftforcode@gmail.comWe will help you through there, thank you..
Best regards, Left4code Team
Awesome work. Thank you.
Hi Lasim,
Thank you for your kind words..
Best regards, Left4code Team
Hi, I’m doing a “Complete Payment Button” but I also want to add a modal once the process finishes, is there a way that I show the modal after a process within JS? Like for example once the process that the button makes, I want the modal to pop-up
Hi yanirhaim,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Yes you can use programmatic function to show the modal. Please check the following code.
// 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
Hey, I tried to use that code, but the console says “Uncaught TypeError: $(...).modal is not a function.” Is there a way to solve that problem?
Hi yanirhaim,
Can you try to use “cash()” instead of ”$()”? Please check the following code.
// Use cash
cash('#programmatically-modal')
// Instead of $
$('#programmatically-modal')
Best regards, Left4code Team
Hey, sorry for keep bugging you, but now it says: “Uncaught ReferenceError: cash is not defined”, any comments on that?
Hi yanirhaim,
Can you make sure to write code after the app.js tag?
<script src="/dist/js/app.js"></script>
<script>
// Write your js code here
</script>
Best regards, Left4code Team
Hi, I’m making a confirmation modal, it’s posssible do define some kind of “data-route” parameter on the who open the modal, so when user click confirm on modal it follows the link route passed?
Hi brenoglima,
I just replied to your other comments..
Best regards, Left4code Team
Hi i want to integrate this theme into my dot net application and i dont know how to use node modules can i get core js files as currently i am facing a lot of issue in initializing components with ids
Hi creativewebet,
Sorry for the late reply,
I really recommend you to use the “Source” version instead of “Compiled” version since you may need to modify the js code while developing your application and it will need compilation process.
To integrate the template to your project you can copy the following files to your application root directory.
- ”/dist” - ”/src” - “package.json” - “postcss.config.js” - “tailwind.config.js” - “webpack.mix.js”
Then run “yarn run install”.
That’s all, now you can load the compiled js/css file from ”/dist” directory.
Hope this helps.
Best regards, Left4code Team
Hi, I bought version “Midone – HTML Admin Dashboard Template + XD Design File” and would like to know if it is possible to buy aversion with laravel by paying the difference
Hi F4RR3LL10,
We have replied to your email, kindly check your inbox..
Best regards, Left4code Team
Hi,
this problem happened with the “tail-select” class:
Uncaught TypeError: Converting circular structure to JSON
—> starting at object with constructor ‘select’
| property ‘options’ -> object with constructor ‘select.options’
- property ‘self’ closes the circle
at JSON.stringify (<anonymous>)
at Connection.value (index.js:36)
at sendMessage (index.js:221)
at Component.value (index.js:231)
at later (debounce.js:8)
can you tell me what it can be?
image: https://ibb.co/mJByzLK
Hi F4RR3LL10,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Can you send a step by step to reproduce the issue?
Best regards, Left4code Team
