STruts 2 radio

[Abhilash Chander]

Hi All,
I'm using struts 2 tag to display my 5 difrrent group of radio buttons. Now as each list has values of diffrent lenghts the outcome is very irregular. Is there a way to apply style to the struts radio buttons so that they appear unifom. Here is the code to make it more simple what I'm trying to achieve.

 

<s:form >
        <s:label value="Fruits"/>   <s:radio name="fruits" list="#{'1' :'Orange', '2':'Apple', '3':'Grapes', '4':'Banana', '5':'Watermelon'}" value="1"/>
        <s:label value="Cities"/>   <s:radio name="cities" list="#{'1' :'Paris', '2':'New York', '3':'London', '4':'Delhi', '5':'Dubai'}" value="3"/>
        <s:label value="Countries"/> <s:radio name="countries" list="#{'1' :'India', '2':'France', '3':'Oman', '4':'Italy', '5':'Singapore'}" value="5"/>
    </s:form>

   

With this code the radio buttons of each group are not aligned. What I want is, the first radio buttons of all groups should align vertically. Second radio buttons of all groups should align vertically and so on. I have attached a screenshot of the output I'm getting right now. Any advice how to align them. Thanks

[Meet Gaurav]

Have you tried with html table with border=0 ?

[David Newton]

Look at the rendered output: that's what's provided by the default Struts 2 theme.

If you need output to appear in some other way, you can try using CSS (perhaps setting a width), or you'll need to modify a theme.