Styling a radio button list is asp.net ?

Question

0.00/5 (No votes)

See more:

Hi all ,

I am using radio button list in a quiz application on my website.But i want to style this list to be something like this :
http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/[^]

So can this be done ?

Thanks in advance.

Posted 3-Sep-11 4:08am

mhamad zarif

Updated 3-Sep-11 4:23am

Abhijit Jana

v2

Add a Solution

1 solution

Add a Solution

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

Abhinav S · Answer 1 · 2011-09-03T04:13:00

Solution 1

Yes this should be possible with the right CSS - just like these are being advertised on the website.

Posted 3-Sep-11 4:13am

Abhinav S

Comments

mhamad zarif 3-Sep-11 9:31am

ok i have used this one : http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

and this is what i did in the html :

<div>
<div class="checkbox" id="Cooking">
<asp:CheckBoxList ID="CheckBoxListAnswer" runat="server">

</div>
</div>
But it is only showing the effect on the first item in the checkbox list and the others items are only displaying the text .So what is wrong ?

Abhinav S 3-Sep-11 9:38am

Make sure that the style you picked up is for the checkboxlist and not for a single check box.

mhamad zarif 3-Sep-11 9:41am

here is the html generated at runtime :

<div>
<div class="checkbox" id="Cooking">
<table id="ctl00_ContentPlaceBody_CheckBoxListAnswer" border="0">
<tr>
<td><input id="ctl00_ContentPlaceBody_CheckBoxListAnswer_0" type="checkbox" name="ctl00$ContentPlaceBody$CheckBoxListAnswer$0" /><label for="ctl00_ContentPlaceBody_CheckBoxListAnswer_0">Good</label></td>
</tr><tr>
<td><input id="ctl00_ContentPlaceBody_CheckBoxListAnswer_1" type="checkbox" name="ctl00$ContentPlaceBody$CheckBoxListAnswer$1" /><label for="ctl00_ContentPlaceBody_CheckBoxListAnswer_1">Bad</label></td>
</tr><tr>
<td><input id="ctl00_ContentPlaceBody_CheckBoxListAnswer_2" type="checkbox" name="ctl00$ContentPlaceBody$CheckBoxListAnswer$2" /><label for="ctl00_ContentPlaceBody_CheckBoxListAnswer_2">Not bad</label></td>
</tr>
</table>
</div>
</div>

mhamad zarif 3-Sep-11 9:47am

i think that the problem is that every input must be surrounded by the div.Is that true?and if yes how can i make sure that all inputs are surrounded by this div ?

Abhinav S 3-Sep-11 9:48am

See if this can help you.

mhamad zarif 3-Sep-11 10:06am

sorry but it did not help me.Anyway thank you for your kindness.I will quit and accept the style that asp.net is giving me.

my 5 for your help .

Styling a radio button list is asp.net ?

1 solution

Solution 1

Add your solution here

Preview 0

Styling a radio button list is asp.net ?

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us