446 comments found.
Hello,
Does it support RTL !!
Hi HossamMonir,
Thank you for contacting us.
Unfortunately, we still don’t have any plan to add RTL layout.
Best regards, Left4code Team
Dear Sir, I accidently selected the vue + HTML 5, instead I was planning to purchase with laravel support. Can you please change my order to Laravel or give me an access to Laravel + HTML 5.
Hi thetnswe,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Basically, Envato doesn’t allow license exchange and there is no feature for it on the Envato platform.
Please check the following link: https://themeforest.net/page/customer_refund_policy However, we can try to help you if:
1. The item has not been downloaded.
2. You have to buy a Laravel license first before applying for a refund, so we can exchange the license for the item you purchased.
Hope this helps.
Best Regards, Left4code Team
Hello there! First of all! Awesome template. I have paid for other templates but I haven’t really used them yet. I thought yours will work best hopefully. I want to move the switch theme to dark mode from bottom to a button or link on the top menu or side menu. Can you please help. Provide me with code snippets instructions please.
Thank you so much!
Hi TextYB,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
To move the switcher you can try to modify this file ”/resources/views/layout/components/dark-mode-switcher.blade.php”.
Remove the following classes to get rid of the “fixed” position on the switcher. https://prnt.sc/115cox0 Then you can move this code:
@include('../layout/components/dark-mode-switcher')
From ”/resources/views/layout/main.blade.php” to top menu or side menu according to your needs.
https://prnt.sc/115cqjqHope this helps.
Btw, thank you for your kind words! We really appreciate it.. 
Best regards, Left4code Team
Hello,
Will you guys be releasing a tailwind + vue + laravel 8 version anytime soon?
thanks
Hi mocento,
Thank you for reaching out to us,
Unfortunately, We have no plans to release a Laravel + Vue + Tailwind version.
Best regards, Left4code Team
Hi Left4Code,
My apologies i wrote the comment with another account i normally use (osanjo) but this is the account that bought the theme. As i mentioned i tried to rename the file and no effect. I even commented out all the code still no effect. Do you mind trying it out on your side? Add a link to one of the items on the search result and when you hover it shows the link but when you click the search result box is hidden and the page does not open..
Regards
Hi samkibz,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Is the search you mean is a search on the top bar? https://prnt.sc/110jnbp
If so, maybe you can check the code in this file: ”/resources/js/search.js”
The code in the file is made quite simple, you may be able to modify it according to your needs.
Best regards, Left4code Team
Bug report: the contents of the left column in the login screen are invisible. This can be solved by changing resources > views > login > main.blade.php in the following manner:
div class="hidden xl:flex flex-col min-h-screen"Change to:
div class="hidden xl:flex flex-col min-h-screen z-50"Thanks for an amazing theme!
And another bug: when I navigate to the register page, I get the following:
BadMethodCallException Method App\Http\Controllers\AuthController::registerView does not exist.
Hi valante,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
About the issue, looks like I can’t find it, can you please give me a hint on the online demo?
By the way, thank you for your kind words..
Best regards, Left4code Team
Hi Left4code,
It seems this is not the correct file. I have even renamed the file but this does not affect the page.
Regards
Hi osanjo,
Thank you for reaching out to us,
Please write your comments according to the page of the item you purchased.
Best regards, Left4code Team
Hi,
I have an issue with the search box. The links returned from the search cannot be clicked. When you hover it shows the link but you cannot click on it.
Please help.
Regards
Hi samkibz,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Is the search you mean is a search on the top bar? https://prnt.sc/110jnbpIf so, maybe you can check the code in this file: ”/resources/js/search.js”
The code in the file is made quite simple, you may be able to modify it according to your needs.
Best regards, Left4code Team
puedo utilizar vuejs en su plantilla.? si es asi, podria decirme como lo hago.?
Hi fiherman,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
The short answer is, yes, you can. But I prefer you to use vue-cli or nuxtjs.
However, if you want to try it, you can use vuejs as a library, you can see the vuejs installation page at the following link.
https://vuejs.org/v2/guide/installation.html#NPMBest regards, Left4code Team
Nice job. I want to ask why app.js so big?
Hi omeryilmaz,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
When you check the installation instructions, you will see there is a compilation process.
You can remove unused plugins/libraries which you may not need in ”/src/js/app.js”.
https://prnt.sc/10wsg1yThen recompile the assets to get a better app.js size.
Hope this helps.
Best regards, Left4code Team
How to Reset Dropzone inside a Modal box
I want to upload a file from dropbox inside a modal.
I want to reset(form) the modal and dropbox together.
HI iisoft,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can use programmatic function to close the modal and reinit the dropbox at the same time.
Please check the following example:
// Close the modal
cash('#example-modal').modal('hide')
// Reset dropzone
var dropzoneInstance = Dropzone.forElement("#dropzone");
dropzoneInstance.removeAllFiles(true);
You can check this file for more example:
- ”/resources/js/show-modal.js”
- ”/resources/js/dropzone.js”
Documentation resources: https://www.dropzonejs.com/#dropzone-methodsDon’t forget to recompile the assets after making changes by running “yarn run watch”.
Best regards, Left4code Team
hi, i would like to report a bug, when you call a modal from a item that is within a dropdown, the dropdown stays over the overlay, and in your template modal examples the button docs (in header and footer modal) is a dropdown and it is not showing, is a z-index issue
i’ve solved the issue partially, by changing the modal z-index to 9998, that creates another issue, when you close the modal and click the dropdown item again it will overlap the overlay again. so i use
cash(this).closest(’.dropdown-menu’).hide(); (in a programatically modal) and it works so the code looks like this
cash('#create-modal-button').on('click',function(e){
e.preventDefault();
cash(this).closest('.dropdown-menu').hide();
cash('#crud-modal').modal('show');
});the preventDefault is needed in order to change the modal content dynamically
Hi mrebolledo79,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Can you send some simple HTML markup to reproduce the issue?
We will try to check the problem further.
Best regards, Left4code Team
sure here is the button with dropdown
<div class="w-full sm:w-auto flex mt-4 sm:mt-0">
<div class="dropdown">
<button class="dropdown-toggle btn btn-secondary btn-sm mr-1 mb-2 px-2 box" aria-expanded="false">
<span class="w-3 h-3 flex items-center justify-center">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg> </span>
</button>
<div class="dropdown-menu w-40">
<div class="dropdown-menu__content box dark:bg-dark-1">
<div class="p-2">
<a href="http://main.loc/users/create" id="create-button" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md ">
<svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg> Crear
</a>
<a href="http://main.loc/export/App%5CHttp%5CSystem%5CUser%5CUserController@index" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md ">
<svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> Exportar
</a>
<a href="javascript:void(0)" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md ">
<svg class="w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-columns"><path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18"></path></svg> Columnas
</a>
</div>
</div>
</div>
</div>
</div>
The Modal
<div id="crud-modal" class="modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content" id="modal-html-content">
modal content
</div>
</div>
</div>
the js
cash('#create-button').on('click',function(e){
e.preventDefault();
cash(this).closest('.dropdown-menu').hide();
cash('#crud-modal').modal('show');
});
Hi mrebolledo79,
Thank you for reporting the issue,
Please run “yarn add @left4code/tw-starter” to install the update..
Best regards, Left4code Team
Hi, this dashboard seems to be using cash which is a Jquery alternative but I am unable to use ajax functions. I do not want to refresh the page in certain cases, so how do I integrate ajax or have a similar functionality. Thanks
Hi ankurjain,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can use Axios to make ajax requests, please check this file eg ”/resources/views/login/main.blade.php”.
https://prnt.sc/10qo474 You can check the following link to see all the available methods. https://github.com/axios/axios#request-method-aliasesHope this helps.
Best regards, Left4code Team
Thank you
Your’e very welcome..
Best regards, Left4code Team
Hola, Como puedo paginar. {{ $users->links() }} no funciona. quiza estoy haciendolo de forma incorrecta.
Hi fiherman,
Thank you for your patient, I’ll be more than happy to help you.
Looking at your issue, it seems like you want to use pagination on the faker data, actually the faker is a regular array and not a Laravel collection.
Please check the following file to see it. ”/app/Faker.php”
Best regards, Left4code Team
gracias
Your’e very welcome..
Best regards, Left4code Team
Hello,
How can I change the menu item (Sub items) icons? I tried changing them with different icon types but they are not changing.
Also there is another issue with fonts, at first it looks like at first the font times new roman gets loaded and then Roboto font loads. How to make the Roboto font make default for always. Also How to change fonts for the theme?
Hi sarder2008,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Since the icons used in the submenu are all the same, so the submenu icons from the view composer are not rendered.
However, you can make a little bit changes to the blade layout ”/resources/views/layout/side-menu.blade.php” to render the submenu icon.
Please check the following screenshot: https://prnt.sc/10mty99Replace the red code with the green code below it.
Hope this helps.
Best regards, Left4code Team
For the font issue, can you send a video recording about that? Because we couldn’t find the problem.
You can send it to the following email: leftforcode@gmail.comNow you can add the font family you want to use by adding the CSS code to load the font.
Best regards, Left4code Team
Hello How to update theme to new version
1 Copy file in /public/ 2 Copy file in /resource/ overwrite file in current project , correct ? How about other files-folders I have to modify
- how to change theme from Rubick to Icewall ? Many thanks
Hi omeletmatter,
Updating the whole template can be so tricky, so instead of replacing all of the assets, I suggest you only copy some components you really need.
However if you want to replace all of the assets you can copy the files below:
- "/resources/js"
- "/resources/sass"
- "/resources/images"
- package.json
- tailwind.config.js
Then remove the “node_modules” directory and reinstall the dependencies by running “yarn install” again.
In some components there are also some changes to the HTML tag and CSS class (Like modal, dropdown, and tab), so maybe you also have to adjust to the new tag structure.
I recommend backing up your project before making changes because some of the changes are quite large.
Unfortunately, the two themes are not configured to be compatible with each other, because some of the colors and class configurations used are quite different.
You can contact us via the following email “leftforcode@gmail.com” if you have further questions, we will be happy to help you.
Hope this helps.
Best regards, Left4code Team
hello - how to remove google map from theme I got error message
DevTools failed to load SourceMap: Could not load content for http://127.0.0.1:8000/dist/zoom-vanilla.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE util.js:226 Google Maps JavaScript API warning: InvalidKey https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key WA.j @ util.js:226 (anonymous) @ js?key=[:144 Promise.then (async) (anonymous) @ js?key=[:144 setTimeout (async) ik @ js?key=[:144 google.maps.Load @ js?key=[:14 (anonymous) @ js?key=[:260 (anonymous) @ js?key=[:260 js?key=[:67 Google Maps JavaScript API error: InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-errorThank in advance
Hi omeletmatter,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
First, you need to remove the google map script from ”/resources/views/layout/main.blade.php”.
Remove these 2 lines: https://prnt.sc/10msg2u Next, you can remove the google map code at ”/resources/js/app.js”. https://prnt.sc/10mshn9Hope this helps.
Best regards, Left4code Team
Hello, first of all nice work!, really nice template, i have two questions, is there an “icewall” version for laravel tailwind version? second, i managed to call the modal programatically, but i can’t reach the event “on.hide”, wich is the best way to achieve this? i need to clear the content of the modal once is hidden
Best regards! Maximiliano Rebolledo
Hi mrebolledo79,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Yes, the “Icewall” theme is planned to be added in every version of Midone. We are working on it..
cash("#basic-modal-preview").modal("on.hide", function() {
alert("Modal closed!")
})
Hope this helps.
Best regards, Left4code Team
Hello, is there an option to switch the animation when loading the page of the elements?
Hi LetHost,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
The animation available at this time is only limited to the difference in direction. The following are the animation classes available: (”.intro-y”, ”.-intro-y”, ”.intro-x”, ”.-intro-x”).
But you can also disable animation by commenting the sass file if you don’t need it. Please check the following details:
(”/src/sass/app.scss”) https://prnt.sc/10bbdd0Hope this helps.
Best regards, Left4code Team
Hi,
thank you that worked so far. Unfortunately the sidebar is still animated.
Hi LetHost,
Yes, the sidebar has a different animation code. You can comment or remove the code at ”/src/sass/components/_sidenav.scss”.
Please check the following screenshot: https://prnt.sc/10bn5xpBest regards, Left4code Team
Hello, another day another question. I’m trying to change the whole background color (which is blue by default), can you point which exactly the line to change it? I know there is color palette list on tailwind.config.js but I still cant find which specific line to change the background color. Looking forward to the answer, thanks
additional question: how to remove any gmaps call in the script? I might not gonna use it. Is it only to comment the line in the app.js or there’s another GMaps caller somewhere in the script?
Hi devteambig,
You can change the first color in “tailwind.config.js” for the background and you can check this file ”/resources/sass/_global.scss” for more details.
To remove the google map, yes, you need to remove the code initialization from “app.js” and remove the google map script tag from ”/resources/views/layout/main.blade.php”.
Please check the following screenshot: https://prnt.sc/107mztgHope this helps.
Best regards, Left4code Team
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
