Jordi Niubo
Posts: 0
Joined: Tue Nov 26, 2013 12:08 pm

Custom Component Properties (Radio and Check Box)

Hi

I'm working with the custom components Radio and CheckBox. If this components are in vertical I can see the check box or the radio button selected, but if i change to horitzontal can't see.

There are any form to have this components horitzontal and see the option selected or need to do with html5?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Custom Component Properties (Radio and Check Box)

Hello! This is how it works. In horizontal CheckBox and Radiobutton are not visible, but button view is changed. You can change this behavior using CSS.

Jordi Niubo
Posts: 0
Joined: Tue Nov 26, 2013 12:08 pm

Custom Component Properties (Radio and Check Box)

Please, can you tell me how do it with css? My level of css are low

Thanks for your time Maryna

Jordi Niubo
Posts: 0
Joined: Tue Nov 26, 2013 12:08 pm

Custom Component Properties (Radio and Check Box)

Please, can you tell me how do it with css? My level of css are low

I try to change the type of class =" ui-corner-all ui-controlgroup ui-controlgroup-vertical" but don't work correctly

Thanks for your time Maryna

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Custom Component Properties (Radio and Check Box)

Hello! To make all horizontal checkbox/radiobuttons have corresponding buttons use the following CSS pre.ui-controlgroup-horizontal .ui-checkbox .ui-icon, .ui-controlgroup-horizontal .ui-radio .ui-icon {
display: block !important;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner, .ui-controlgroup-horizontal .ui-radio .ui-btn-inner{
padding-left: 30px !important;
padding-right: 10px !important;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-icon, .ui-controlgroup-horizontal .ui-radio .ui-icon{
left: 7px;
}/pre

Return to “Issues”