Link to home
Start Free TrialLog in
Avatar of Jacob Leis
Jacob Leis

asked on

ASP:Radiobuttonlist/asp:RadioButtonListItem custom styling

I have run into an issue with integrating a bootstrap html page with existing asp/vb. The issue at hand is converting label/radio input groups into either asp:RadioButtonlist/asp:ListItem or asp:RadioButton and being able to post the 3 groups of 3 questions to a Txt_misc.Text variable.

I have attempted using javascript/jquery as well as using javascript in images and grouping together asp:Radiobutton, none seem to be working.

Question: What would the best route in converting the code below:
<div class="btn-group" data-toggle="buttons">
                        <label class="btn">
                            <input type="radio" name='q1' value='yes'>
                            <i class="fa fa-circle-o fa-2x"></i>
                            <i class="fa fa-check-circle-o fa-2x"></i>
                            <span> Yes</span>
                        </label>
                        <label class="btn">
                            <input type="radio" name='q1' value='no'>
                            <i class="fa fa-circle-o fa-2x"></i>
                            <i class="fa fa-check-circle-o fa-2x"></i>
                            <span>No</span>
                        </label>
                        <label class="btn">
                            <input type="radio" name='q1' value='unsure'>
                            <i class="fa fa-circle-o fa-2x"></i>
                            <i class="fa fa-check-circle-o fa-2x"></i>
                            <span>Unsure</span>
                        </label>
                    </div>

Open in new window

Question: INTO
<asp:RadioButtonList ID="rb_q1" runat="server" RepeatDirection="Horizontal" Width="258px" style="font-size:20px; color:#5c5c5d;">
              <asp:ListItem Selected="True" Value="Yes">Yes</asp:ListItem>
               <asp:ListItem Value="No">No</asp:ListItem>
               <asp:ListItem Value="Unsure">Unsure</asp:ListItem>
 </asp:RadioButtonList>

Open in new window


Any help would be greatly appreciated, thank you in advance for any help!
ASKER CERTIFIED SOLUTION
Avatar of Eddie Shipman
Eddie Shipman
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial