Web button styles with CSS - Sample

After many attempts I managed to create a button that can be managed directly with CSS commands via Javascript.
Here find the source file.
I hope it helps save development time. :slightly_smiling_face:

5 Likes

I have downloaded the project and looking at it, trying to understand how it works and how I could use it.
Currently I am using bootstrap file and change the look of buttons via CSS file. I suppose your example demonstrates how to overwrite individual buttons in the web app using IDE instead.

Btw,I am using Xojo2024R1 and have noticed that the mouse over background color change works only after I click on the button, I am using Safari.

Thank you for posting, it is really very helpful.

The result with Chrome and Firefox is correct.
In the example, when the mouse goes over the button, the color changes from dark red to light red.
You can try changing the parameter in the Style Mouse Over text box to see if anything changes.

background-color: rgba(255, 0, 0, 1);

Note: If there are errors in the loaded CSS, the button uses the default values.