• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 573
  • Last Modified:

Large Radio Buttons

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.

0
ce4LessUser
Asked:
ce4LessUser
  • 2
1 Solution
 
Matthew KellyCommented:
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>
</head>
<body>
    <form id="form1" runat="server">
    <p>Text above is normal size</p>
    <div>
        <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" />
        </asp:RadioButtonList>
    </div>
    <p>Text below is normal size</p>
    </form>
</body>
</html>

Open in new window

Untitled.jpg
0
 
ce4LessUserAuthor Commented:
That makes the text larger but I was hoping to get the actual circles larger.

Any ideas?
0
 
omegaomegaDeveloperCommented:
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.  

Cheers,
Randy

Public Class LargeRadioButton

    Inherits RadioButton

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

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

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

End Class

Open in new window

0
 
ce4LessUserAuthor Commented:
This was a good solution. I wanted the buttons to get bigger but this is good too.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

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.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now