446 comments found.
Tom select not selected from dropdown record over database. https://prnt.sc/26220au please help.,
Hi vm0993,
Thank you for reaching out to us,
Please check the documentation below to set TomSelect option value. https://tom-select.js.org/docs/api/#other-methodsBest regards, Left4code Team
Hello,
I would like to use Livewire modal, is it possible to disable the built-in one? if yes how can I do it please?
Thank you in advance!
One more question, is it possible to load another page into your modal using the cash-dom?
Since the author of this template is too busy to reply to my issue, here is my work around for now, in case someone facing the same issue here is what I’ve done:
1. I made a new view that contains a form which is going to be displayed in the modal (I used “Header & Footer Modal” you can find it in: components > overlay > modal). In this case the view is called “create.blade.php”
Now in my livewire view which has the crud table (you can find it in: crud > data list). In this case the view is called “index.blade.php”
2. I added an event to my create button which is in index.blade.php>
<button wire:click="$emitSelf('createEvent')" class="btn btn-primary shadow-md mr-2" id="programmatically-show-modal-x">Add New</button>
3. I added the following div in which we will include the create.blade.php>
<div id="createModalDiv" class="modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
@include('authority::permission.modals.create')
</div>
</div>
</div>
<script type="text/javascript">
document.addEventListener('livewire:load', function () {
window.addEventListener('openModalCreate', event => {
cash("#createModalDiv").modal("show");
});
});
</script>
5. Now the “index.blade.php” component, in my case it’s called “Permissions.php”. I listen to the event fired by the button and I call a function called “create”
protected $listeners = ['createEvent' => 'create'];
public function create()
{
//initialize your varibales here...
// fire the second event.
$this->dispatchBrowserEvent('openModalCreate');
}
To sum it up, I fire an event from “index.php” called “createEvent”, the component “Permissions.php” catches it and calls the function “create”, inside the function I initialize some variables and after that I fire a second event called ”’openModalCreate” that is going to be catched by the javascript of the index.php and will open my modal with initialized variables.
PS: Please excuse any typos
Now i’m having a problem with “hide” which doesn’t work. Here is a screenshot of the console log: https://prnt.sc/26agvgi
I tried to call to close it using the class instead of the id and it worked! here is another screenshot: https://prnt.sc/26ax10a . Any idea why?
Hi Uceef94,
I am sorry for the late reply,
And thanks for your effort to post your livewire integration.
It’s a bit strange because we have tried it on the online demo and the hide function is working.
https://drive.google.com/file/d/1mf9h5iL68ZEWyCOomljOIRDrE1ID3C1S/view?usp=sharingCan you provide an online demo to try?
To disable the built-in modal, you can comment the following line in the ”/resource/js/tw-starter.js” file:
https://prnt.sc/26b9tagAnd for css you can comment the following line in the ”/resources/sass/app.scss” file:
https://prnt.sc/26b9tpyThen re-compile the assets to update the js/css files.
I’m a little confused. I’m new to compiling assets. This is built using tailwind but I seem to be missing some of the tailwind classes. I know this is a custom theme so you have changed some of the colors. I can’t find things like text-red-600. Have these been replaced with the theme colors so they are not available? Thanks
Hi rob_szabo,
Thank you for reaching out to us,
Please check the “tailwind.config.js” and move the “colors” key to the “extend” key to use the default Tailwind color configuration.
theme: {
...
extend: {
colors: {
...primaryColors,
white: "white",
black: "black",
current: "current",
transparent: "transparent",
theme: {
1: "#1C3FAA",
...
},
},
fontFamily: {
roboto: ["Roboto"],
},
container: {
center: true,
},
maxWidth: {
"1/4": "25%",
"1/2": "50%",
"3/4": "75%",
},
strokeWidth: {
0.5: 0.5,
1.5: 1.5,
2.5: 2.5,
},
},
},
Hope this helps.
Best regards, Left4code Team
Hello, I am trying to show notifications for custom sessions, but it throws me the error in cosola Tostify is not defined. How could I set notifications without pressing a button?
Hi Urufu,
Sorry for the late reply,
Please add the following lines to ”/resources/js/bootstrap.js”.
// Load plugins
import helper from "./helper";
import * as Popper from "@popperjs/core";
import dom from "@left4code/tw-starter/dist/js/dom";
// Add this line
import Toastify from "toastify-js";
// Set plugins globally
window.helper = helper;
window.Popper = Popper;
window.$ = dom;
// Add this line
window.Toastify = Toastify;
Now, you can access the Toastify plugin from your blade file.
@section('script')
<script>
Toastify({
text: "This is a toast",
duration: 3000
}).showToast();
</script>
@endsection
Hope this helps.
How is for the menu the variable $first_level_active_index being set? I can’t seem to get it from the code, I downloaded the latest release…
EDIT: Never mind, I found the view composers!
hello, I have a problem when I run npm/yarn, the app.css file gets bugged. the current file has 600k and the new one has 400k and the theme is spoiled can you tell me what could it be?
Hi F4RR3LL10,
Sorry for the late reply,
What version are you currently using? Is it the HTML version?
hi dev, i came for download newer version, but why i not getting laravel in my project since 2.0.2
there is a issue with the laravel version. it doesnt include ajax call from vue. it just point to pure vue project entry point, not a laravel backend project. May i know any update for 2.0.2 above update?
sorry my bad, i purchase vue version, not laravel. confuse by 2.0.2 which include dummy laravel version.
Hi there,
I would like to use the delete modal and show/hide it with some own JS (not with a button, but within a function). I can’t find how it is shown and hidden. I see it appears and disappears in the DOM tree. It is not done by just add/remove a ‘show’ class. Can you please tell how to achieve this?
Hi it_at_hol,
Thank you for reaching out to us,
You can use built-in programmatically function. Please check the example below.
// 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')
})
Hi, can you re-upload this screenshoot https://prnt.sc/124doui ? I need the code, but i think the picture is missing. Thanks
nevermind, it’s my network actually.
Hi putrazaman,
Thank you for reaching out to us,
Let me know if you still have any other question.
How many sites are limited it? Can i modify the html?
Hi fraitomas,
Sorry for the late reply,
You can use a single regular license for one end product. Yes, you can modify the HTML code.
Assalamualaikum.
Saya sudah purchase versi Laravel Midone, tetapi ketika saya sertakan snippet dari TailwindUI, hampir semuanya tidak muncul dengan semestinya.
Apakah ada yang kurang? Terima kasih.
If you are not speaking Indonesia, kindly inform me. Thank you.
Hi kpm_sysdev,
Sorry for the late reply,
Can you send the code and screenshots of the components you are using?
Sorry, its ok
Hi soj3da,
Thank you for reaching out to us,
Is there anything we can help?
Hello, unfortunately the style doesn’t work properly for me. I copied the Laravel project, entered “npm run dev” and started it. Now it looks like this: https://prnt.sc/1yvekqy
Hi LetHost,
Thank you for reaching out to us,
What version are you using (HTML/Laravel)?
Laravel
is this theme using laravel blade components ?
I am trying to understand your menu routing process. When I add a resource controller route to the web.php routes file it throws an exception of route not found in the mobile-menu. Very confusing. In order to get by that, I have to add a get route to my controller which doesn’t allow me to use a resource controller and therefor blows up in other places. Do you have any documentation on the process of actually changing the menu and adding my own pages using Laravel controllers, models, and views as opposed to this simple pagecontroller demo that you have?
Hi almenke,
Thank you for reaching out to us,
Can you send step by step to reproduce the issue? To use resource controller you can simply use artisan command.
php artisan make:controller PhotoController --resource
Register a resource route that points to the controller.
https://prnt.sc/1xjbr8g
Render the view.
https://prnt.sc/1xjbzkl
https://prnt.sc/1xjc32g
Results.
https://prnt.sc/1xjc4zy
I understand Laravel but not your menu and routing from your side-menu. When I add a menu item to side menu, it expects that route_name to be in the web.php routes file. I understand that. But if I have a resource controller it does not think there is a route. The only way I can get the routing errors to go away is to route through your pagecontroller. Then of course it will not go to my resource controller even if I type into the url /provider for example. Here is the code that I put into the side-menu.
return [ ‘admin’ => [ ‘icon’ => ‘settings’, ‘title’ => ‘Console’, ‘sub_menu’ => [ ‘provider’ => [ ‘icon’ => ‘database’, ‘route_name’ => ‘provider’, ‘params’ => [ ‘layout’ => ‘side-menu’, ], ‘title’ => ‘Providers’ ] ] ], ....(your menu here on)
I want to know the proper steps to modify the side menu and other files to route to controllers in my application.
Hi there,
Please carefully read Laravel’s documentation on “Resource Controller”. Each route generated from the route resource will have its own route name.
https://laravel.com/docs/8.x/controllers#actions-handled-by-resource-controllerPlease use the route name if you want to use it in the side-menu. For example, if you use the default example command to generate “PhotoController”.
php artisan make:controller PhotoController --resource
You can add the route name “photos.index” in the “route_name” key. https://prnt.sc/1xmtuf9
Please let us know if you still have the same problem.
This works. Makes perfect sense.
One more thing. Submenu items are not showing the icon i set, they always show the activity icon. Do I need to modify the code to fix this or am I doing something wrong. I was able to change the menu icon just not the submenu icon.
Since the problem has been solved, can you update your review?
The submenu icon is currently static because our designer uses the same icon, we will update it in the next release. However, you can manually modify the current template to make it dynamic. Please check the following screenshot.
Template file: ”/resources/views/layout/side-menu.blade.php”
https://prnt.sc/10mty99
Hope this helps.
Best regards, Left4code Team
Hi,
I have a question about the show-dropdown.js file. I can’t get it work with the function cash(”#programmatically-dropdown”).dropdown(‘toggle’);. It works fine if I use cash(”#programmatically-dropdown”).toggle();
Does .dropdown(‘toggle’) have some extra features compare to .toggle()? What should I do to make it work with .dropdown(‘toggle’)?
Thanks in advance.
Regards, Ruud
Hi there,
Thank you for reaching out to us,
It’s actually a bit weird that we don’t use the ”.toggle()” function. The functions available for the dropdown should be:
// Show dropdown
cash("#programmatically-dropdown").dropdown("show");
// Hide dropdown
cash("#programmatically-dropdown").dropdown("hide");
// Toggle dropdown
cash("#programmatically-dropdown").dropdown("toggle");
Can you send the error message?
Hello, the theme looks great. Is there an option to expand the left menubar so it shows the icon and menu name instead of just icon in tablet? Thanks
Hi kevinjati,
Thank you for reaching out to us,
Unfortunately, we currently don’t have an option for that.
Purchase code: 3841922f-8bdc-4cc8-ae75-5d718cf3df4f
Hi,
I was hoping to integrate this theme into an existing Wave (https://devdojo.com/wave) project. Do you have any recommendations as to how to accomplish this
Hi aaroncallagher,
Sorry for the late reply,
The Laravel version is meant to be used directly as a base project, if you want to use Midone as a theme in other projects, we recommend using the HTML version (included in the download package). We think it will be easier because you can customize the template structure as needed.
You can contact us through this email “leftforcode@gmail.com” if you have more questions about the template integration.
Hello,
I’m trying to use LivewireUI Modal, but the modal is not displayed. I don’t have an error message in the browser console. From the behavior of the screen, I believe the layout is not being displayed. This is the component that triggers the modal:
https://github.com/livewire-ui/modal/blob/main/resources/views/modal.blade.phpCould you check if there is any incompatibility?
Thanks!
Hi fuentesbr,
Thank you for reaching out to us,
You can comment the following file to disable Midone’s built-in modal component.
// resources/js/tw-starter.js
https://prnt.sc/1x5c9yj
// resources/sass/app.scss
https://prnt.sc/1x5cbh5
Let me know if you still have any other questions.
Hi, thank you very much for the feedback.
The function to open the modal is working (both displaying and exiting the modal), but the content does not appear, only if I press CTRL+F (image below). Could you tell me how I could make it compatible with Midone?
https://prnt.sc/1x6drsaThanks.
Hi there,
Sorry for the late reply,
We cannot directly assist the use of 3rd party plugins which are not integrated by default with Midone. Can you show the error message or something we can check?
Hi, The template is amazing, but unfortunately I have issues using standard tailwind classes. Some classes don’t work and some do. For example text-blue-800 works fine, but text-blue-400 not. I’ve tried to disable JIT and purge, but no success. Empty the cache also not working. Could you please help me with this issue? I use Laravel with webpack. This is my setup:
webpack.mix.js:
mix.js(“resources/js/app.js”, “public/dist/js/app.min.js”) .sass(“resources/sass/app.scss”, “public/dist/css/app.min.css”) .options({ processCssUrls: false, postCss: [tailwindcss(”./tailwind.config.js”)], }) .autoload({ “cash-dom”: [“cash”], });
if (mix.inProduction()) { mix.version(); }
And this is my tailwind.config.js:
const primaryColors = require(”@left4code/tw-starter/dist/js/colors”);
module.exports = { mode: “jit”, darkMode: “class”, purge: [ ”./src//.{php,html,js,jsx,ts,tsx,vue}”, ”./resources//.{php,html,js,jsx,ts,tsx,vue}”, ”./resources//*/.{php,html,js,jsx,ts,tsx,vue}”, ”./node_modules/@left4code/tw-starter//*.js”, ”.//.html”, ], theme: { borderColor: (theme) => ({ ...theme(“colors”), DEFAULT: primaryColors.gray[“300”], }), colors: { ...primaryColors, white: “white”, black: “black”, current: “current”, transparent: “transparent”, theme: { 1: ”#1C3FAA”, 2: ”#F1F5F8”, 3: ”#2E51BB”, 4: ”#274AB7”, 5: ”#DEE7EF”, 6: ”#F84F31”, 7: ”#365A74”, 8: ”#D2DFEA”, 9: ”#23C552”, 10: ”#3160D8”, 11: ”#F78B00”, 12: ”#FBC500”, 13: ”#7F9EB9”, 14: ”#E6F3FF”, 15: ”#8DA9BE”, 16: ”#607F96”, 17: ”#FFEFD9”, 18: ”#D8F8BC”, 19: ”#2449AF”, 20: ”#395EC1”, 21: ”#C6D4FD”, 22: ”#E8EEFF”, 23: ”#1A389F”, 24: ”#163296”, 25: ”#C7D2FF”, 26: ”#15329A”, 27: ”#203FAD”, 28: ”#BBC8FD”, 29: ”#284EB2”, 30: ”#98AFF5”, }, }, extend: { fontFamily: { roboto: [“Roboto”], }, container: { center: true, }, maxWidth: { “1/4”: “25%”, “1/2”: “50%”, “3/4”: “75%”, }, strokeWidth: { 0.5: 0.5, 1.5: 1.5, 2.5: 2.5, }, }, }, variants: { extend: { boxShadow: [“dark”], }, }, };
Please let me know if you need more information. Thank you in advance.
Regards, Ruud
Hi there,
Thank you for reaching out to us,
To use the TailwindCSS default colors you need to move the theme colors inside “extend” key. Please check the screenshot below. https://prnt.sc/1x27hra More documentation details. https://tailwindcss.com/docs/customizing-colors#extending-the-defaultsThanks a lot for the support. It works like a charm 
You’re very welcome.. 