[Solved] changing the checkbox size

[Todd A]

I would like to increase the size of the checkbox to make it easier for users to check.  Is there a simple way to do that with the new radCheckbox control?

 

Thanks,

Todd.

 

[Marin Bratanov]

Hello Todd,

RadCheckBox offers elastic design so changing the font-size of the page/control will increase/decrease its size: http://docs.telerik.com/devtools/aspnet-ajax/controls/checkbox/mobile-support/elastic-design.

Here is the basic example you can also see in the article:

<style type="text/css">
    button.RadCheckBox {
        font-size: 26px;
    }
</style>

<telerik:RadCheckBox runat="server" ID="RadCheckBox1" Text="Elastic CheckBox Button" Checked="true">
</telerik:RadCheckBox>

And here is a small example that only changes the checkbox size without the label, even though I do not find it very appealing

button.RadCheckBox .rbIcon  {
    font-size: 26px;
}

Regards,

Marin Bratanov
Telerik