CommandButton with rounding

[Schlingmeier]

I would like the command button to be a little rounded. However, I couldn't achieve the desired result with the Border radius setting. Is there a way to make the corners a little round?
Greetings Olaf

[barrymavin]

You can change the apperance of the command button by specifying

border-radius:10px

If you do this you need to specify other CSS attributes for background-color etc as if CSS is specified it overrides all normal attributes.

Note that the border-radius size specified must be <= half of the control height otherwise it will have no effect.

Note also that you can specify the border-rdious as a percentage so if your button is the same height and width border-radius:50% will display a round button.

Are you aware that you can use bootstrap classes in the CSS also? Try it.

btn btn-info

See this post:
https://www.lianja.com/community/sho...ight=bootstrap

[Schlingmeier]

Barry I have been experimenting with the bootstrop commands like those in the description. The btn-info and font-weight-light command runs correctly. I can't get any further with the rounded-circle command. Rounded, rounded-1 also bring no change. Do you have any idea what I'm doing wrong? Greetings Olaf

[barrymavin]

Thats wrong syntax just specify the bootstrap class names.

btn btn-info font-weight-light

These are recognized internally in desktop and web apps

[barrymavin]

This has been simplified and improved in 9.4.20 which will be available shortly.

Notice the use of bootstrap CSS in desktop and web.

The canvas background image is now correctly stretched in the web

Buttons can now be styled using CSS.

Notice the use of bg-transparent on the formitem containing the button so the rounded corners are rendered.

Background and foreground colors are now more configurable.

Using the bootstrap CSS class names provides consistency of your UI in your apps.

[barrymavin]

Further development with rounding of the UI in 9.4.20