Registration Group - Create - Step 4 - Layout
The Layout step of the self-registration group creation process allows you to configure the look of the self registration page. You can customize HTML above and below the self registration form fields. You can also add a background image and a transparent color block around the form fields, as well as define the font color of the form fields.
To create a self-registration group, go to Create New Self Registration Group link.
. Then, click the
PERMISSION NAME | PERMISSION DESCRIPTION | CATEGORY |
Configure Layout

If the HTML options are not enabled on the Layout page, then only the color and image options are available. Note: The Use HTML field allows you to enable the HTML options for the layout. Once selected, the color and image sections are replaced with the HTML options. See the Configure Layout with HTML section for more information.
Colors
The Color section is only available for self registration pages created prior to the May '15 release. The section does not display for new self registration pages created after implementation of the May '15 release.
The Color section allows you to select the colors for the self-registration page. The following options are available in this section:
- Corporate Colors - Select this option to use the settings from the Display Preferences on the top node of the Division organizational unit.
- Clear - Select this option to use a system generated uncolored style.
Image
The Image section is only available for self registration pages created prior to the May '15 release. The section does not display for new self registration pages created after implementation of the May '15 release.
The Image section allows you to select an image that will display either above the self registration form fields or to the left of the form fields. The following options are available in this section:
- Select Image - Select an image from the drop-down. Or, browse for a new image by clicking , and then upload the image to the page.
- Above Page - Select this option to display the image above the self registration form fields.
- Beside Page - Select this option to display the image to the left of the self registration form fields.
Note: Uploaded images cannot have spaces in the file name.

This option only displays for self registration pages created prior to the May '15 release. The field does not display for new self registration pages created after implementation of the May '15 release, as the HTML and additional design options are automatically enabled when creating new self registration pages.
Note: Uploaded images cannot have spaces in the file name.
Checking the box enables the HTML design features to appear on the Layout tab. The features allow you to customize HTML above and below the self registration form fields. You can also add a background image and a transparent color block around the form fields, as well as define the font color of the form fields. Once selected and the changes are saved, the existing design features are no longer available. Note: The existing design features include the options to use the corporate colors, upload an image, and configure the image to display above or next to the self registration form fields.
If the box is not checked, then you can only configure the color and image for the self registration page. The additional design features are not available. Note: At any time, you can check the Use HTML box to enable the HTML design features, and then save the changes so that the HTML features are available when editing the self registration layout.

Administrators can add custom HTML and other design features to self registration pages so that they can improve the look and feel of the page. Enhancing the self registration page with an improved appearance is meant to encourage more users to complete self-registration when they land on the self registration page.
The following features can be configured:
- Upload a background image that fills the self registration page
- Define the color of the box that displays around the self registration form fields
- Define the font color of the self registration form fields
- Add custom HTML that will appear in a pre-sized rectangle above the self registration form fields
- Add custom HTML that will appear in a pre-sized rectangle below the self registration form fields

- To improve the conversion rate of users who begin the self-registration process and subsequently finish it, an Extended Enterprise administrator improves the visual appearance of self registration pages.
- To make the self-registration page consistent with company branding, an Extended Enterprise administrator adds a background image to self registration pages that his marketing department created to mimic the company's brand.
Background Image
This option enables administrators to upload an image that will fill the background of the self registration page. Administrators can select an existing image from the drop-down or click the
button and upload a new image.When uploading an image, the accepted file types are .gif and .png files up to 1MB.
Form Color Block
This option enables administrators to add a semi-transparent colored box centered around the self registration form fields. Administrators can enter the hex value for the color in the text box or click the
button to select a predefined color.If an image is not used for the page, then the colored form color block displays without transparency.
Note: If the color white (hex value = ffffff) is selected to display over a background image that includes color within the parameters of the form color block, then the transparency effect still displays over the colored areas.
Best Practice: As a best practice, it is recommended not to use color blocks with a strong red hue. Such hues can obscure the red error messages that display to users on the self registration page.
Form Text Color
This option enables administrators to define the font color for the self registration form fields. Administrators can enter the hex value for the color in the text box or click the
button to select a predefined color.Above Form
This option enables administrators to add valid HTML that will appear in a fixed rectangle above the self registration form fields. The size of the rectangle is 350px x 250px (or a 1:1.4 ratio).
When in Standard mode, the standard design features display. When in HTML mode, the standard design features do not display and the HTML code can be viewed and modified.
Below Form
This option enables administrators to add valid HTML that will appear in a fixed rectangle below the self registration form fields. The size of the rectangle is 90px x 728px (or a 1:8.08 ratio).
When in Standard mode, the standard design features display. When in HTML mode, the standard design features do not display and the HTML code can be viewed and modified.
Multi-Step Self Registration Pages
For self registration pages that have multiple steps, the settings defined on the Layout tab display across all steps of the self registration process.
Back/Next/Cancel/Preview/Submit
- Click to return to the previous step.
- Click See Registration Group - Create - Step 5 - Guest User Settings. to continue to the Guest User Settings page.
- Click to cancel creating or modifying the self registration group.
- Click to preview the self registration page. All settings defined on the Layout tab display in the preview.
- Click to save changes.