Classes and margin in properties

Wappler General Need Help
1

The Wappler problem for me is right here –
“Type to search” NEVER finds a class even when I continue to type out class name that is in the selected element I am focusing on. Always defaults to CREATE
It didn’t find a standard Bootstrap Class.

I hope to see a dropdown to allow me to See Existing classes in Bootstrap itself.

Which is why I finally go looking for some other Bootstrap styling tool.

Next problem is the Spacing tool.
Can not TYPE into values. Must do a little fidgety nudge with the mouse one or two digits at a time.
Really clumsy.

I have to go to code view and manually put in these values. Not a great Styling performance.

Screenshot 2022-02-06 at 10.32.37
Screenshot 2022-02-06 at 10.32.37780×1074 57.7 KB

2

Search only searches in your custom style CSS file, attached to the page, not in the bootstrap css file.

Well of course you can. Double click and enter the value you need.

2 Likes
3

Well, isn’t that typical! Thank you!

NOW I go double-click and I can TYPE in a margin or pad value!
For the first time!

Reminds me of going to a mechanic and describing a problem with the car.
When it can’t be found again or heard again or detected again even when it was driving me nuts for weeks . . .

4

Request for the future:

When a search is launched for a class it should be filtering out boostrap classes or any other style sheet currently called for in the page.

f I type my own css, example, “cool_container” I hope I am now only seeing a dropdown of ALL elements in the “cool_container” Search.

Here I see already applied bootstrap css and finally begin to see the relevant css in my “user agent stylesheet”

This always involves scrolling down to get to my user stylesheet css.

Screenshot 2022-02-06 at 11.28.54
Screenshot 2022-02-06 at 11.28.54736×1658 116 KB

Screenshot 2022-02-06 at 11.36.12
Screenshot 2022-02-06 at 11.36.12768×572 37 KB

I am searchng for things like this in my “user agent stylesheet”

Screenshot 2022-02-06 at 11.42.16
Screenshot 2022-02-06 at 11.42.161204×1428 144 KB

No matter how I type-- .cool_container or cool_container the bootstrap files should disappear and only my user stylesheet properties should be visible.

5

These are two different things, working two different ways.
The design panel works as I explained above - showing only your custom style css file classes.

The styles panel works like the browser dev tools, showing the styles from all the included css files.