Page 1 of 1

Custom Component Properties (Radio and Check Box)

Posted: Wed Dec 18, 2013 9:38 am
by Jordi Niubo

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?


Custom Component Properties (Radio and Check Box)

Posted: Wed Dec 18, 2013 10:50 am
by Maryna Brodina

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.


Custom Component Properties (Radio and Check Box)

Posted: Wed Dec 18, 2013 10:55 am
by Jordi Niubo

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

Thanks for your time Maryna


Custom Component Properties (Radio and Check Box)

Posted: Wed Dec 18, 2013 11:28 am
by Jordi Niubo

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


Custom Component Properties (Radio and Check Box)

Posted: Wed Dec 18, 2013 2:58 pm
by Maryna Brodina

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