Form outside panel wont apply some classes
i just upgrade from v2 to v3, been following all guides and docs, and i manage to almost finish the upgrade.
so the case is i have a form in my front end that wont apply some styling as shown on the image the radio checked doesnt have any style and only showing blank white dot. and for the other field if on focus there is no focus style applied.
yet what confused me is all of the other livewire components like tables and widgets works well as shown on the other image.
here is my
tailwind.config.js
and this is my postcss.config.js
![No description](https://cdn.answeroverflow.com/1259279393671479296/image.png)
![No description](https://cdn.answeroverflow.com/1259279393902039110/image.png)
![No description](https://cdn.answeroverflow.com/1259279394350960721/image.png)
19 Replies
this is
vite.config.js
FormPermohonan.php
-> https://pastebin.com/vAP53qgx this is the form livewire component in \app\Livewire\FormPermohonan.php
Pastebin
FormPermohonan.php - Pastebin.com
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
and this is the view
livewire.form-permohonan
https://discord.com/channels/883083792112300104/1216879194357895189/1216881411298951208
i've alr tried this tooDid you run
npm run build
?can you help me on what else should i add here to make it more clear to people?
yes i did ,thats why im saying in the post that my other component (table) is working fine in the front end. and only form thats messed up
Is that custom form part of the layout? (Where the styles are)
Where is this custom view located?
Because you added
'./resources/views/livewire//*.blade.php'
but it has double //
\resources\views\livewire\form-permohonan.blade.php
its here
and all of my other components are there too and works fineCheck your
tailwind.config.js
and change ./resources/views/livewire//*.blade.php
to ./resources/views/livewire/*.blade.php
and run npm run build
and try again.Have you added
@filamentStyles
to your layout?nope no luck,
this is my console says.
i tried to disable livewire inject and no multiple instance running but the style is missing if i do that
and this is whats in my layout
this is just above
</head>
in my layout
and @filamentScripts
above </body>
![No description](https://cdn.answeroverflow.com/1259546191385985077/image.png)
Pretty sure you tailwind config is messed up.
yes i cant find the problem
app.css
Try this.
app.js
Double-check your Tailwind configuration and verify if the classes are present in the stylesheet. If the classes are missing, it means your configuration isn't detecting your Blade files. You'll need to check your configuration settings. That's all the help I can provide 🤷♂️