System Administrators and Process Administrators can change any of the homepages' layout to fit their organization's needs. The layout can be customized for different types of users, whether it is their initial login or a regular login.

Note: To change the colors of icons and the overall layouts, refer to the Theme Builder section.

How do you change the colors on Homepages?

You can use the "Edit Content" option in the Homepage layout preview to edit color details. As an example, let us consider changing the background color for the quick links bar.  

Click the menu icon on the left and select the "Organization Homepage Config" link under Organization Management from the navigation menu.

Search with the Home Page ID or simply click on the "Search" button.

The Description column can be used to identify the homepage layouts for initial and regular login pages for different user types. For more details on the home page descriptions, please click here.

Select the row corresponding to the homepage you would like to change the layout for.

Organization Homepage Config

Click on or hover over one of the setting symbols on the left side for the area of text/background color that you would like to change.  This displays three options: Add Row, Delete Column, Edit Content.

Since the requirement is to change the background color of the quick links bar, select the "Edit Content" option from the settings symbol of the quick links bar.

A popup page for Add/Edit Content displays as below.

Scroll down to the Background Color and Font Color options.  Click on the text box to choose a color or enter a hex color code.

Click OK.

You will notice a change in the background and the font color as per the changes made. Customize other things on this page, and when you are done, click "Save".

How do you add more content spaces?

In order to add more content, you need to create more rows and columns.

Add Rows

Add a row by hovering over the gear icon at the top-left of any section. 

After entering the above details. click the "OK" button.

Add Row Box

This will create a row underneath the section as shown below. 

Regular Login Homepage Preview

The gears on the right side of each section allows you to delete rows, edit rows, add columns, and let you move the row up or down a section.

Add columns

You can add columns to already existing rows, or create new rows as shown above. By adding columns, more edit content spaces can be added in the layout. 

Add a column by hovering over the gear icon at the top-right of any section. 

Regular Login Homepage Preview

You can either add content while creating the column or edit later using the "Edit Content" option. 

The fields available on the popup page for adding a new column are given below:

Field	Description
Use Column as Container	Decides whether to display the column or image/text
Driven by Category	Choose "Yes" to display Category based content based on the attribute setup Category ID - Attachments, Images, Mixed Contents, Text Catalogs Choose "No" to display content from predefined content types with no attribute revision required Content Type - Text Catalogs/Mixed content/Image/System defined Content ID/Image ID - Content that corresponds to the Content Type chosen
Renderer	Ability to change the behavior for some Category Types
Content Preview	Ability to view the image or text you are adding that is non-category driven
Width (in %)	The % of the row that the content should take up If nothing is entered the system will assign a number. If there is only one content for the row the width defaults to 100%
Background Color	Add any color to the background of a column using the color picker or by entering a hex color code
Font Color	The color of the text
Padding Top	Adds space above the content
Padding Right	Adds space on the right of the content
Padding Bottom	Adds space below the content
Padding Left	Adds space on the left of the content

After entering the above details, click the "OK" button.

Add/Edit Content Box

This adds a new column to the homepage preview.

If required, you can use Edit Content option on the column to add/edit the content.

After customizing the rows and columns, scroll down the page and click "Save".

Regular Login Homepage Preview

How do you delete rows, columns and content?

To delete a row, go to the gear on the right side of any section and click "Delete Row".

This action will delete the corresponding row.

To delete a column/content, go to the top-left gear of any section and click "Delete Column". This will also delete the content present in the column.

The below screenshot shows the column deleted.

After modifying the rows and/or columns, scroll down the page and click "Save".