Managing Radio Button Page Elements
This topic discusses how to manage radio button page elements.
This section discusses how to:
Add radio button page elements to pages.
Add groups of radio buttons to pages.
Use the Select Boolean Primitive for Radio Button page.
View defined radio button page elements in the Layout grid.
Define display labels for radio button page elements.
Understanding Defining Radio Page Elements
To define a radio button page element you specify a boolean primitive element defined in the PeopleSoft document associated with the layout definition.
Adding Radio Button Page Elements to Pages
To add a radio button page element to a page:
Access the Layout grid on the Layout Designer – Layout page.
Selectto access the page.
Determine the position in the grid to add the page element.
Click the row directly above where you want to add the page element to make it the current row.
The Current Row icon (blue arrow) displays in the first column of the row to indicate that it’s the current row.
Field or Control
The Current Row button
Click the Add Radio Button button.
Field or Control
The Add Radio Button button.
After you select a position for the element in the Layout grid and click the Add Radio Button button , the “Do you want to create a group?” page appears:
Adding Groups of Radio Buttons to Pages
After you click the Add Radio Button control on the Layout grid toolbar on the Layout Designer – Layout page, the “Do you want to create a group?” page appears, giving you the option to create a group of radio buttons.
If you want to create a group of radio buttons, enter the number of group items to create in the Number of Group Items field and click the Yes button. If you do not want to create a group of radio button elements click the No button.
For more information about creating element groups, see Managing Element Groups
After you click Yes to create a group or radio buttons or click No to not create a group of radio buttons, the Select Boolean Primitive for Radio Button page appears. See the next section for information about how to use the page.
Using the Select Boolean Primitive for Radio Button Page
Use the Select Boolean Primitive for Radio Button page to select a value for the element.
The boolean primitive elements defined in the PeopleSoft document defined for the layout appear on the page. The page displays only those boolean primitive elements that are not already defined for other elements in the layout.
Field or Control
Select the boolean primitive for the radio button from the list.
After you select the value for the element the Layout Designer–Layout page appears.
Viewing Defined Radio Button Page Elements in the Layout Grid
After you define a radio button using the Select Boolean Primitive for Radio Button page, the Layout Designer – Layout page appears and the element appears in the Layout grid.
The default element ID for a radio button page element is the name of the primitive you defined for it., for example <primitive_name>_n.
By default the system populates the Label Text field with the name defined in the Element Name field in the PeopleSoft document.
In the example, APPROVAL_STATUS_1 is the element ID and APPROVAL_STATUS is defined as the label text. These values are defaults from the primitive element defined for the radio button.
Defining Display Labels for Radio Button Page Elements
The value in the Label Text field for a radio button element is the label that appears for the button at runtime. And as described previously, the default value is the value defined in the Element Name field for the primitive in the PeopleSoft document.
You can keep the default value, define a different value, or remove it.
In the same row as the radio button element are class, style, and theme fields. Use these fields to define a custom CSS3 class name and custom CSS3 style name for the display label. (Note that any class or style you enter must be defined in the Layout Designer – CSS page.) Use the theme field to define a jQuery theme for the display label.
This section discusses defining radio button page element properties.
Understanding Defining Radio Button Page Element Properties
To define properties for radio button page elements, use the Radio Button Properties page.
Many properties that appear on the Radio Button Properties page also appear on the properties pages for other page elements. For more information and links to topics about these common properties, see the topic Common Layout Page Element Properties
This topic discusses using the properties on the Radio Button Properties page that are unique to working with radio button page elements. These properties are located in the Radio Button Properties section of the page.
Defining Radio Button Properties
To access the Radio Button Properties page, in the Layout grid on the Layout Designer – Layout page click the Properties link next to the radio button element for which you want to define properties.
Field or Control
Select the property to create a more compact version of the element.
Select the property to enable a field container for the element to assist in rendering the element on wider screens, such as in table devices.