I am having a tough time understanding the video.
It seems that in the middle of it you started browsing frontend components but that doesn’t have anything to do with the issue you are reporting, right?
Yes thats right, I should have edited that out, I was trying to simply point out of that no matter what element/block that I bring into the page, and then editing the style it wouldn’t work.
The problem that you have shown has to do with an attached style sheet where the style rules can be entered. At the moment, you see the style rules for Bootstrap. However, the Bootstrap style sheets should not be touched.
To add your style sheet, go to Styles tab, click the plus button and select Attach CSS file...
The only thing I've seen in that video is that you add via UI a custom class named "error" to your html element and this is reflected correctly in the code.
What would you expect to happen then?
You also say that no styles are being saved? What style do you expect to be saved and where? Do you have a CSS definition for .error somewhere?
We are all just hard guessing here. If I repeat your step by step I get exactly the same as you but I don't consider it a bug.
I believe the heart of the matter is here:
But you just go over as it's not important.
1 to 7 are pretty irrelevant to be honest. I would say you missed 0. Turn on computer.
Can you expand your point number 8 into 8 in-depth steps?
At 0:24 seconds I do add a new styling class to the element, this of course activates the styles property panel of the element and also applies the corresponding class to the code in the editor as clearly shown.
At 0:32 I try to add padding and margin to the element, and that’s supposed to be applied in real-time to the element, that didn’t happened.
At 0:34 I simply moves the cursor out of the focus of the editor and it actually reset the styles properties panel of the element. Something which it shouldn’t happen, or why would there be such an annoyance that when you are working with an element your styles and properties resets everytime…
I am not really sure i understand the issue you are having in your video, seems quite random to me.
Here’s the documentation explaining how to use the Design Panel:
If you mean that the styles don’t get applied immediately after you create the class - i’ve seen some similar bug reports, where sometimes in some rare cases you just need to remove them (the styles) and add them again - then they will be added correctly.
Yes this worked, but I still have other questions or more-so intrigues about how stuff works regarding the UX/DX with Wappler… Here I try to go over with whats going on:
