If anyone needs the source code for this project. Here it is github.com/tuto1902/laravel-sidebar It's a slightly improved version using the latest Laravel version. Keep in mind, this version uses Vite for asset compilation instead of Mix.
I think the lighting was not great when I recorded the talking head. But I just tried in my phone and PC and the screen record sections look clear and legible to me
no need to concern yourself with that. It's not part of the installation. Focus only on the command itself. If you do want to make it look like that, try installing OhMyZsh ohmyz.sh/
You can still access livewire from an alpinejs click: @click="$wire.myFunction" Using the $wire object, you can access all of your component's properties and functions Here are the docs for it: livewire.laravel.com/docs/alpine#controlling-livewire-from-alpine-using-wire
I haven't looked at this code in a while but, If I'm not mistaken, the in resources/views/layouts/app.blade.php should have an AlpineJS directive like this x-data="{ open: false }" So, the initial state of the sidebar will always be closed in small devices.
@@Tuto1902 is the close button clickable when you test it on full view of desktop browser? Because I did do the same thing as what you coded and the close is not clickable it is static only.
Would you mind checking if there's any errors in the browser's developer console? It could be a problem with AlpineJS. I just reviewed and the button should be clickable in any view. The only reason I can think of for it not to work is some error in Javascript (or AlpineJS in this case). One other problem could be the version of laravel. If you are working with v 9.x or above, then you are using Vite to compile local assets. This video was created with an earlier version of laravel, which uses webpack (aka. laravel mix). You can watch this other video to learn more about Vite ruclips.net/video/9OiBlZ2w0S4/видео.html I hope this helps.
If anyone needs the source code for this project. Here it is github.com/tuto1902/laravel-sidebar
It's a slightly improved version using the latest Laravel version. Keep in mind, this version uses Vite for asset compilation instead of Mix.
Hey, I don't know why but I am seeing this video very blury even at 720?
I think the lighting was not great when I recorded the talking head. But I just tried in my phone and PC and the screen record sections look clear and legible to me
28:52
35:28
i can't do the installation like in the beggining, in my terminal there's no " -> ~ " what should i do to make it like that?
no need to concern yourself with that. It's not part of the installation. Focus only on the command itself. If you do want to make it look like that, try installing OhMyZsh ohmyz.sh/
Sir i'm using livewire, what would be alternative to the command for @click? TIA
You can still access livewire from an alpinejs click: @click="$wire.myFunction"
Using the $wire object, you can access all of your component's properties and functions
Here are the docs for it: livewire.laravel.com/docs/alpine#controlling-livewire-from-alpine-using-wire
Thank you very much professor. How can I do to start with the sidebar closed in small screens?
I haven't looked at this code in a while but, If I'm not mistaken, the in resources/views/layouts/app.blade.php should have an AlpineJS directive like this
x-data="{ open: false }"
So, the initial state of the sidebar will always be closed in small devices.
your voice was low and your music was loud in between. tired of adjusting my volume controls
But, i like your videos. thank you
Yes, I was still learning the ropes of sound and editing. Thanks for the feedback 👍🏻
Thank you very much for the tutorial. You explained very well.
Bien tuto
Podrias subir el codigo del side bar?, gracias !
Hola, bienvenido al canal! Voy a tratar de subir el código en un par de días. 👍🏻
Acá lo tienes. Es una versión un poco mejorada, pero el concepto es el mismo
github.com/tuto1902/laravel-sidebar
Puedo cambiar los colores de la barra lateral
the inset-y-0 wont work on my editor
Interesting 🧐 what editor are you using?
Hi, can I ask is there any chance that you were able to test this demo on desktop browser perspective?
I did test it on my browser on desktop, yes.
@@Tuto1902 is the close button clickable when you test it on full view of desktop browser? Because I did do the same thing as what you coded and the close is not clickable it is static only.
Would you mind checking if there's any errors in the browser's developer console? It could be a problem with AlpineJS. I just reviewed and the button should be clickable in any view. The only reason I can think of for it not to work is some error in Javascript (or AlpineJS in this case). One other problem could be the version of laravel. If you are working with v 9.x or above, then you are using Vite to compile local assets. This video was created with an earlier version of laravel, which uses webpack (aka. laravel mix). You can watch this other video to learn more about Vite ruclips.net/video/9OiBlZ2w0S4/видео.html
I hope this helps.
where's the source code?
right here 👉🏻 github.com/tuto1902/laravel-sidebar