Home Search

DriveWorks Pro 23
Border Radius

Send Feedback

Border Radius

A radius can be applied to various elements and when in certain states (hover, pressed, etc.) on form controls.

Examples of radius applied to various control types:

Control TypeExample
ButtonExample showing radius applied to a button type control
TableExample showing radius applied to a table type control
Combo BoxExample showing radius applied to a Combo Box control
SliderExample showing radius applied to a Slider control
Spin ButtonExample showing radius applied to a Spin Button control
TinyMCE ControlExample showing radius applied to a TinyMCE control

This applies to the following properties and controls:

PropertyAvailable on controls
Border Radius

Specifies the border radius of the control.

Clipboard Button, Data Table, Dialog Button, Hyperlink, Label, Macro Button, Measurement Text Box, Picture Box, Spin Button, Upload Control

The Hyperlink control requires its property Border Style to be set to SingleLine.

Border Radius (Hover)

Specifies the border radius of the control when in a hovered state.

Clipboard Button, Dialog Button, Hyperlink, Macro Button, Picture Box, Upload Control

The Hyperlink control requires its property Border Style to be set to SingleLine.

Border Radius (Pressed)

Specifies the border radius of the control when in a pressed state.

Clipboard Button, Dialog Button, Macro Button, Upload Control
Button Border Radius

Specifies the border radius of buttons in the control. If the value is blank, "Border Radius" will be applied.

Spin Button
Check Border Radius

Controls the border radius of the check.

Check Box, Check Box Group
Group Border Radius

Specifies the radius of the border shown around the group.

Check Box Group, Option Group
Input Border Radius

Specifies the border radius of the control's input area.

Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
List Border Radius

Specifies the border radius of the list.

List Box
List Item Border Radius

Specifies the border radius of list items.

List Box
Thumb Border Radius

Specifies the border radius of the slider's thumb.

Slider
Track Border Radius

Specifies the border radius of the slider's track.

Slider
Unit Border Radius

Specifies the border radius of inputs in the control. If the value is blank, "Border Radius" will be applied.

Measurement Text Box

Property Type

Property Type: Static

A Static property can be made Dynamic (to control the value from a rule).

See Change a Static Property to a Dynamic Property.

Default Value

When the control is added the Default Value of this property will be set to 0

To change the default Static value:

Ensure the property is a static property (It will display the gray orb alongside the property name).

The default value of the static property can be changed by:

  1. Click in the property for the control to be changed
  2. Enter the required value.

Examples

This property will accept the following values:

ValueDescription
5A single value is applied to all four corners.

The following units can be specified (for example 5px):

  • px - will set the unit value to pixels (default when no unit is specified)
  • % - will set the unit value to a percentage of the current size (50%)
  • em - will set the unit value relative to its parent font-size (2em)
  • rem - will set the unit value relative to the root font-size (2rem)
5 10When two values (separated with a space) are given:
  • First Value - is applied to the Top Left and Bottom Right
  • Second Value - is applied to the Top Right and Bottom Left
5 10 15When three values (separated with a space) are given:
  • First Value - is applied to the Top Left
  • Second Value - is applied to the Top Right and Bottom Left
  • Third value - is applied to the Bottom Right
5 10 15 20When four values (separated with a space) are given:
  • First Value - is applied to the Top Left
  • Second Value - is applied to the Top Right
  • Third Value - is applied to the Bottom Right
  • Fourth Value - is applied Bottom Left

To build a rule to control the value:

The function BorderRadius assists in creating the format required when applying a different radius to each corner of the border.

See Build a Rule for the Dynamic Property.

Value set in Form Designer. Static properties can be made Dynamic by double clicking the gray radio button.