Easter Sale 2024

  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: change Color for Radio Button

change Color for Radio Button 8 years 9 months ago #31722

Hi!

I cloud not find a way to change the Background Color for Radio Buttons. ( I mean the color when the radio Button is active). I use automatic layout. Can anyone give me a hint?
Thanks in advance.
regards
Georg
Last Edit: 8 years 9 months ago by netzgrafik.
The administrator has disabled public write access.

change Color for Radio Button 8 years 9 months ago #31789

  • bogdan.tataru
  • bogdan.tataru's Avatar
  • OFFLINE
  • Gold Boarder
  • Posts: 174
  • Thank you received: 40
Hello,

Although the radio buttons or the checkboxes are controlled by the browser, you can try achieving this by headding to Components > RSForm!Pro > Manage Forms > select your form > Properties tab > CSS & Javascript and enter the following style in the CSS field:

<style>

input[type=radio],
input[type=checkbox]{
display:none;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before{
height: 14px;
width: 14px;
margin-right: 6px;
content: " ";
display: inline-block;
vertical-align: baseline;
border: 1px solid #777;
margin-left: -19px;
background: #FFF none repeat scroll 0% 0%;
}
input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before{
background:gold;
}

input[type=radio] + label:before{
border-radius:50%;
}
input[type=checkbox] + label:before{
border-radius:2px;
}
</style>

Note that this definitions will also change the style for the checkboxes. If you want the default style for the checkboxes please remove the input[type=checkbox] definitions.
My help is not official customer support. To receive assistance, submit a ticket by clicking here
The administrator has disabled public write access.
The following user(s) said Thank You: netzgrafik, tewebmaster
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!