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

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

How do you change the colors on the Homepages?

You can use the "Edit Content" option of the Home Page layout preview to edit the color details. Let us take an example of changing the background color for quick links bar.  

Click on "Organization Homepage Config" link under Organization Management through the menu icon.

Enter the Home Page ID or click on blank "Search".

The Description column displays the homepage layouts depending on the user type and initial or regular login. For more details on the home page descriptions, please click here.

Select one of the rows, for which homepage you would like to change the layout.

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.

Click Edit Content

A popup for Add/Edit Content displays as below.

Scroll down to Background Color and Font Color.  Click on the text box and choose a color, or type in a hex color code.

Click OK.

You will notice a change in the background and the font color. 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. 

Enter details and click OK.

The fields and their descriptions are given below:

Field	Description
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

Add Row Box

This creates a row underneath the section (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 Edit Content option. After entering all the fields, click OK. 

The fields and their descriptions 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

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.

The row gets deleted as shown below.

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 save.