RadioBox

Description:

Radiobox

A Radiobox allows to select a single choice from a list of options. The selected value is exposed in the value property, and the options to pick from are in options. The type of items in options should match the type value . You can specify a custom string to display for each option by setting the names property.

Allowed Parent Components:

  1. Col

  2. Form

  3. Form Search

Allowed Child Components:

  1. Popover

  2. Pulse

  3. Trigger Before Render

  4. Trigger On Change

Properties

➤ Field Label

Allowed Values: An expression which should return string after evaluation

➤ Help Text1

Provide some helpful level one text for this field and see how it looks on the UI

Allowed Values: Free text field

➤ Help Text2

Provide some helpful level two text for this field and see how it looks on the UI

Allowed Values: Free text field

➤ Hide Label

Check this to hide the label

Allowed Values: Yes/No

➤ Label Primary

Check to render the label in primary color

Allowed Values: Yes/No

➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

  1. left

  2. right

  3. top

  4. bottom

➤ Options

provide options. e.g. M:Male,F:Female or Male,Female

Allowed Values: An expression which should return string after evaluation

➤ Number Value

Check this to filter number attributes in the View Attribute.

Allowed Values: Yes/No

➤ View Attribute

Select the view attribute to be associated with this field.

Allowed Values: Select the view attribute to be associated with this field.

➤ Default Value

Provide a text to set as default value.

Allowed Values: An expression which should return string after evaluation

➤ Insert Allowed

Allowed Values: Yes/No

➤ Insert Allowed Condition

Specify an expression to conditionally allow editing this field while creating a new row

Allowed Values: An expression which should return boolean after evaluation

➤ Update Allowed

Allowed Values: Yes/No

➤ Update Allowed Condition

Specify an expression to conditionally allow editing this field while updating an existing row

Allowed Values: An expression which should return boolean after evaluation

➤ Column Size

Choose 6 for a two column form or 4 for a three column form

Allowed Values: Choose 6 for a two column form or 4 for a three column form

➤ Transparent

Check this if you want this field to be displayed without any borders around the input field. Typically used for readonly fields on a grey background.

Allowed Values: Yes/No

➤ All Caps

Select this property for capitalizing the text.

Allowed Values: Yes/No

➤ Text Color

Select a color or enter the custom class to change the color of the text.

Allowed Values: Select a color or enter the custom class to change the color of the text.

➤ Font Weight

This property sets how thick or thin characters in text should be displayed.

Allowed Values:

  1. Light

  2. Normal

  3. Semi Bold

  4. Bold

  5. Default

➤ Hint Text

Check this property to fade the font color of the text.

Allowed Values: Yes/No

➤ Italic

Check this property to change the font style of the text to italic.

Allowed Values: Yes/No

➤ Muted

Check this property to change the color of the font to light grey.

Allowed Values: Yes/No

➤ No Decoration

Check this property to remove decoration of the text

Allowed Values: Yes/No

➤ Overflow Ellipsis

Check this property to show hidden overflow content as an ellipsis ('…').

Allowed Values: Yes/No

➤ Text Size

Select an option to change the size of the text.

Allowed Values:

  1. Small

  2. Normal

  3. Large

  4. Default

➤ On Change

Allowed Values: Controller Function

➤ On Focus

Looking for a tip? Avoiding the use of onFocus!

Allowed Values: Controller Function

➤ On Blur

Looking for a tip? Avoiding the use of onBlur!

Allowed Values: Controller Function

Last updated