Buttons Control for WinForms UI Tutorial

Design Radio Button for C# Window Forms applications with the WinForms UI button component

Home > WinForms UI Controls > User Manual > Radio Button Design in C#

Radio Button Design - C# WinForms UI Design

The following tutorial demonstrates significant properties for Radio Button Control, like how radio buttons are grouped, multiple lines of text, how to assign images and layout for text, radio mark and image, are available on the Designing Radio Buttons. To use Radio Button Control for WinForms UI design, please check the How to Create Radio Buttons in WinForms C# projects.

This Radio Button Control is designed for developers to add robust data binding, 3-state management, including checked, unchecked, and undetermined, and more extended UI design options like image scaling, multi-line text, themes, custom radio shapes, and more. This Radio Button Control for WinForms UI could replace the Windows Forms Standard Radio Button control and bring more user interface styles.

Related Button UI for C# Windows Forms Applications

How to Group Radio Buttons

The Radio Button Control groups the Radio Buttons based on the parent. Developers are able to place a set of Radio Buttons on a panel so that the selections will be mutually exclusive. For instance, while selecting one radio button, the rest buttons will be cancelled automatically. By containing multiple parents with their own Radio Buttons, developers can have multiple groups of radio buttons acting independently.

The property Radio Check Alignment can be used to control the position of the radio button placed in relation to the text of the control.

How to Add Images

To add an image to Radio Button, click on the property of Image, and the Select Resource dialog will be launched.
Click the Import button to load image files from a local resource, where may be the project file resource and other components might share the same image files.

How to Set Text and Image Layout

Align the image with text by setting the property of TextImageRelation
The property value of the Text Image Relation will be independent of that of the Radio Check Alignment.
Set Radio Check Alignment to Middle Right and set Text Image Relation to Text Before Image
The image will be placed between the text and the check box.


this.radioButton10.RadioCheckAlignment = ContentAlignment.MiddleRight;
this.radioButton10.TextImageRelation = TextImageRelation.TextBeforeImage;

How to Add Text Entry

To add multiple lines text to radio button in code, we can use the "\n" character or System.Environment.NewLine to break a single line and start a new line. The following are C# Code


radioButton1.Text = "One line" + System.Environment.NewLine + "Another line";

UI Controlsfor Windows Forms

.NET WinForms UI Overview .NET WinForms UI Features .NET WinForms UI Guide C# WinForms UI Design VB.NET WinForms UI Design

WinForms UI Controls