Large Radio Buttons

Posted on 2011-03-06
Medium Priority
Last Modified: 2012-05-11
I have a site where people take tests, answering questions by clicking on the button.

Does anyone know of a control that will display larger (much larger) radio buttons or squares (checkboxes that behave like radio buttons)?

I'd be most happy with a .NET control solution but would also be ineterested in a jQuery or Ajax solution.

We occasionally get complaints from customers that it's hard to click on the buttons and I personally am starting to have difficulty clicking on them sometimes.

Question by:ce4LessUser
  • 2
LVL 18

Accepted Solution

Matthew Kelly earned 1500 total points
ID: 35047315
You should be able to just set the font-size of the RadioButton or RadioButtonList to make it larger.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication4._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <form id="form1" runat="server">
    <p>Text above is normal size</p>
        <asp:RadioButtonList style="font-size:200%;" ID="List" runat="server">
            <asp:ListItem Text="Item # 1"  Value="1" />
            <asp:ListItem Text="Item # 2"  Value="2" />
            <asp:ListItem Text="Item # 3"  Value="3" />
    <p>Text below is normal size</p>

Open in new window


Author Comment

ID: 35059242
That makes the text larger but I was hoping to get the actual circles larger.

Any ideas?
LVL 12

Expert Comment

ID: 35063573
Hello, ce4LessUser,

Please see the following snippet for an idea.  For scale factors s other than 2, you will need to adjust the size of the TranslateTransform.  


Public Class LargeRadioButton

    Inherits RadioButton

    Protected Overrides Sub onpaint(ByVal pevent As System.Windows.Forms.PaintEventArgs)
        Dim sngScale As Single = 2.0
        pevent.Graphics.TranslateTransform(0, -CSng(Me.Height / 2))
        pevent.Graphics.ScaleTransform(sngScale, sngScale)
    End Sub

    Public Overrides Property AutoSize() As Boolean
            Return False
        End Get
        Set(ByVal value As Boolean)
            MyBase.AutoSize = False
        End Set
    End Property

    Public Sub New()
        Me.UseCompatibleTextRendering = True
    End Sub

End Class

Open in new window


Author Closing Comment

ID: 35315627
This was a good solution. I wanted the buttons to get bigger but this is good too.

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In response to a need for security and privacy, and to continue fostering an environment members can turn to for support, solutions, and education, Experts Exchange has created anonymous question capabilities. This new feature is available to our Pr…
Watch the video to know how one can repair corrupt Exchange OST file effortlessly and convert OST emails to MS Outlook PST file format by using Kernel for OST to PST converter tool. It can convert OST to MSG, MBOX, EML to access them. It can migrate…

622 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question