Click here to Skip to main content
15,885,984 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
You'd think this would be a slam-dunk to layout radio-buttons as "label-button" - since people naturally think along those lines - but, such is NOT the case! I'm trying to define a content page, to include a list of options as a radio-button list, laid out in a horizontal layout. The problem is that the label is aligned lower than the button, and the radio-button is as wide as the container. I understand that the browser interprets the list as an HTML table, but how do you specify the layout details, so that it's formatted as:

.
.
.

[ASP:CONTENT]
[ASP:LABEL]
[ASP:LIST-ITEM]: [INPUT-BUTTON] [ASP:LIST-ITEM]: [INPUT-BUTTON]
[/ASP:CONTENT]

.
.
.
Posted
Updated 30-Sep-15 7:11am
v2
Comments
Richard Deeming 30-Sep-15 13:42pm    
Are you looking for the RepeatLayout property[^]? The default is Table, but you can change it to Flow, OrderedList or UnorderedList to customise the generated HTML.
DKing5454 30-Sep-15 14:07pm    
tried that, but the result is the labels and input-buttons are "vertical", not "horizontal" - even with the RepeatDirection being "Horizontal"... it's gotta be because of the Content control, but I can't find any write-up on it
Richard Deeming 30-Sep-15 14:09pm    
Which option did you try? Flow should respect the RepeatDirection, but the two list options will need custom CSS to get a horizontal layout.
DKing5454 30-Sep-15 14:12pm    
you're right - I got the proper "horizontal" combination, now; but, the vertical-alignment is a black-box... just can't get the label and buttons on the same line!

and the radio-buttons won't shift left [next to the labels]... man, this is frustrating!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900