Form builder multi-column checkbox list
I have tried to search the forums and PITs and do not see anything on this so please excuse me if I am adding a duplicate suggestion. I did submit this as a suggestion on PIT too.
The rendering of checkboxes when using two or three column is less than ideal. It renders the checkboxes inline separating the rows by a <br /> tag. This makes it harder than it needs to be to line up each columns checkboxes instead of letting them stagger as they currently do.
I would suggest rendering each "column" of checkboxes into a wrapper class that designers can easily style to their liking in order to set custom margins and line-height.
Hello Stacey,
If you have submitted this suggestion (feature request) on PITS than we will review it and if it is not a duplicate one we will add it to our system and I hope that we will be able to implement it soon.
Thank you for your suggestion.
Greetings,
Stefani Tacheva
the Telerik team
Thank you Stefani
I decided to take another look at the output and came up with this in the meantime. I wrapped the form widget with a class to keep from any potential admin dialog issues.
.multi-column .sfCheckListBox.sfFieldWrp input[type="checkbox"] + label
display: inline-block;
min-width: 200px;