Rounded corners in UniForm

[artem_niko]

Hello!

How make rounded corners in UniForm?

For example:

[jrp]

Themes like uni_mac and uni_mac_yosemite have rounded corners forms

[artem_niko]

13 minutes ago, jrp said:

Themes like uni_mac and uni_mac_yosemite have rounded corners forms

You mean this?

.x-theme-color {
  background-color:#ededed;
  border-color: white #777 #777 white !important;
  border-width: 0px 1px 0px 1px !important;
  border-radius: 2px;
}

 

If "yes", how I can apply this to my theme?

 

[Abaksoft]

On 4/19/2022 at 4:09 AM, artem_niko said:

If "yes", how I can apply this to my theme?

 

Hello,

Jrp was talking you about UniMainModule > Theme

It's more easy...

[artem_niko]

14 hours ago, Abaksoft said:

Hello,

Jrp was talking you about UniMainModule > Theme

It's more easy...

I know about UniMainModule.Theme and I am not about this.

I asked about how make rounded corners using CSS or JS events.

[Fred Montier]

On 4/20/2022 at 9:46 PM, artem_niko said:

I know about UniMainModule.Theme and I am not about this.

I asked about how make rounded corners using CSS or JS events.

1- Add to CSS Customs ServerModule

.rounded {
border-radius: 10px;
}

See below:
}

2- LayOut set CLS to "rounded" class. Without the "", of course.

This is not the best option and I really have abandoned. A prefer to make the whole form transparent and place a background image since this option won't work in all themes.

See result below:

 

Edited April 25, 2022 by Fred Montier
typos

[Fred Montier]

Result...

bigger the px number, bigger the curve. But you will notice some slight background shadow. You can solve with more css but it won't work in all scenarios.

Better a transparent form and then place a image over.

 

[Fred Montier]

and borderstyle = bsNone



You can remover this line too. and that's the best you will get with such approach.