PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • Creating a Radio Button control
  • Creating a Radio Button control
  • Limits in Java
  • The different display modes
  • Swap
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview
The Radio Button control is a control allowing the user to select an option among several ones.
A radio button can display up to 256 options arranged in several rows and columns. A single option can be selected by the user. The radio button returns the number of the selected option.
Examples:
  • In WINDEV or WINDEV Mobile:
  • In WEBDEV:
Versions 15 and later
Android The Radio Button controls are now available for the Android applications.
New in version 15
Android The Radio Button controls are now available for the Android applications.
Android The Radio Button controls are now available for the Android applications.
Versions 16 and later
Universal Windows 10 App The Radio Button controls are now available for the Windows Phone applications.
WINDEVLinux The Radio Button controls are now available for the WINDEV applications in Linux.
New in version 16
Universal Windows 10 App The Radio Button controls are now available for the Windows Phone applications.
WINDEVLinux The Radio Button controls are now available for the WINDEV applications in Linux.
Universal Windows 10 App The Radio Button controls are now available for the Windows Phone applications.
WINDEVLinux The Radio Button controls are now available for the WINDEV applications in Linux.
Versions 17 and later
iPhone/iPad The Radio Button controls are now available for the iPhone/iPad applications.
New in version 17
iPhone/iPad The Radio Button controls are now available for the iPhone/iPad applications.
iPhone/iPad The Radio Button controls are now available for the iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App The Radio Button controls are now available for the applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App The Radio Button controls are now available for the applications in Windows Store apps mode.
Universal Windows 10 App The Radio Button controls are now available for the applications in Windows Store apps mode.
Versions 21 and later
Universal Windows 10 App The Radio Button controls are now available in Universal Windows 10 App mode.
New in version 21
Universal Windows 10 App The Radio Button controls are now available in Universal Windows 10 App mode.
Universal Windows 10 App The Radio Button controls are now available in Universal Windows 10 App mode.
Creating a Radio Button control

Creating a Radio Button control

To create a Radio Button control:
  1. In the window or page editor, click (or select "Insert .. Control .. Radio button").On the "Creation" pane, in the "Usual controls" group, click "Radio button".
  2. Click the position where the control will be created in the window or page. The control appears in creation mode.
WINDEVWINDEV Mobile Tip: You also have the ability to directly create a "preset" radio button by clicking the arrow found on the right of the icon. The list of available controls (with their preview in the skin template of project) is displayed. All you have to do is click the requested control to create it in the editor.
WINDEVWINDEV Mobile Tip: You also have the ability to create a "preset" radio button by expanding "Radio button". The list of available controls (with their preview in the skin template of project) is displayed. All you have to do is click the requested control to create it in the editor.
To display the control characteristics, select "Description" from the popup menu of control.
WINDEVWindows Mobile Note: You can manage a general tooltip for the control or a tooltip specific to each option.
Java

Limits in Java

The following characteristics are not supported in Java:
  • proportional columns (if the options of the radio button are displayed over several columns).
  • multiline caption for the options of radio button.
  • formatted text for the options of radio button (R. T. F.).
  • help number associated with each option of radio button.
The different display modes
WINDEViPhone/iPadWindows MobileUniversal Windows 10 App
WINDEV and WINDEV Mobile propose different display modes for the radio buttons:
  • standard radio button,
  • standard radio button with sub-captions,
  • radio button in Vista style (with ability to use an image for each option),
  • radio button in Vista style with sub-captions (with ability to use an image for each option).
The display mode of the radio button is selected in the "General" tab of the control description. The "Content" tab is used to enter the characteristics specific to the display mode (image, sub-caption, row height, ...) in the different application languages. These elements can be modified by programming.
The programming mode can change according to the type of display. See Handling a radio button by programming for more details.
LinuxiPhone/iPadUniversal Windows 10 App Only the standard mode and the standard mode with sub-captions are proposed.
Swap
WINDEV, WINDEV Mobile and WEBDEV allow you to automatically transform a Radio Button control into a Check Box control (and conversely):
  1. Select the control to transform.
  2. Select the "Control ..Swap .. Radio Button/Check Box" option.On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Radio button/Check box".
Related Examples:
The Radio Button control Unit examples (WINDEV): The Radio Button control
[ + ] Using a Radio Button control
HTMLClass property Unit examples (WEBDEV): HTMLClass property
[ + ] The property ..HTMLClass allows you to read and update the control's HTML attribute "class".
This property lets you select the CSS Style applied on the control.
Minimum required version
  • Version 9
This page is also available for…
Comments
Video Radio
https://youtu.be/_f3MDIFLivw
amarildo
Jul. 26 2018
Exemplo Radio com Imagen
Exemplo Radio com Imagen

// Blog com video e Exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/09/windev21-curso-243-radio-com-imagen.html
https://www.youtube.com/watch?v=HYP8J5NUjps
De matos
Sep. 23 2016
como melhorar a aparencia do radio
como melhorar a aparencia do radio

//Nesse video ou exemplo vou mostrar como melhorar a aparencia do radio
http://windevdesenvolvimento.blogspot.com.br/2016/09/windev21-curso-242-radio-mais-bonito.html
https://www.youtube.com/watch?v=ooY1VlAlFeI
De matos
Sep. 18 2016