Checkbox set selector horizontal

0
Hi all, is there any way to display the values in checkbox set selector horizontally? The default is vertically. In my application I need it horizontally. Please let me know if this can be achieved with any other widget?
asked
2 answers
1

You could put it in a container and style the container like this:

-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);

or you can add this to your custom.css

.CheckboxSetSelector_Table {

text-align: center;
border: none;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);

}

answered
1

I used the following snippet in a Mendix 5.9.1 project:

.wgt-CheckboxSetSelector > table {
    border: 0;
}

.wgt-CheckboxSetSelector th {
    display: none; // used to hide the headers
}

.wgt-CheckboxSetSelector > table > tbody > tr > td {
    border: 0;
}

.wgt-CheckboxSetSelector > table > tbody > tr > td:last-child {
    padding: 0 4px;
}

.wgt-CheckboxSetSelector tr {
    float: left;
}

.wgt-CheckboxSetSelector input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
}
answered