LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

Can anyone please tell me how can I change the background color of radio UI in appery.io?

With Swatch-C I got the following radio Ui:
Image

I want it to look like this:

Image

I have change the corner by editting the html file after exporting my project from appery.io platform, added the - data-corners="false" in the feildset.

The radio button part should remain white.

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

How to change the background color of the radio UI?

Hello,

This should help https://devcenter.appery.io/documenta...
Just set color instead transparent.

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

This is the code snipet as generated by the appery.io web development tool
Image

I was able to modify the background color using the following code:
Image

a href="https://d2r1vs3d9006ap.cloudfront.net/s ... 1435228328[/img] /a

But still the radio button part takes the color of the background, how can I set it to white as shown in the image in the Q?

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

please see my reply below.

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

I have some-what got the requirements by using the following code:

.ui-radio .ui-btn.ui-radio-off:after {
background: white!important;
border: 2px solid #0000FF;

}

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

How to change the background color of the radio UI?

Hello L S,

Sorry, do you need further assistance?

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

can you help me on this Q. http://gsfn.us/t/4r3d8

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

can you help me on this Q. http://gsfn.us/t/4r3d8

LS
Posts: 0
Joined: Tue Jun 23, 2015 8:08 am

How to change the background color of the radio UI?

Yes, I need assistance, I still haven't achieved what I need, as mentioned in the question.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to change the background color of the radio UI?

Hello,

Please use this CSS:

pre.ui-radio .ui-btn{
background:blue!important;
}
.ui-radio .ui-btn:hover{
background:red!important;
}/pre

just change the colors to yours.

Return to “Issues”