Versions Compared

Version Old Version 1 New Version Current
Changes made by

srigowri.a

srigowri.a

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

...

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.  

...

A popup for Add/Edit Content displays as below.


Image Modified



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

...

Regular Login Homepage Preview



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. 

Regular Login Homepage Preview

Image Removed

Click OK.

Image Added



Enter details and click OK.

The fields and their descriptions are given below:

FieldDescription
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

Image RemovedImage Added



This creates a row underneath the section (shown below). 

Regular Login Homepage Preview

Image Added



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.

Regular Login Homepage Preview

Image Removed

Adding more Edit Content space is determined by Columns.

Image Added



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

Image RemovedImage Added



You can either add content while creating the column or edit later using Edit Content option. After entering all the fields, click Ok.

Add

OK. 

The fields and their descriptions are given below:

FieldDescription
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

Image RemovedImage Added



This adds a new column to the homepage preview.

Regular Login Homepage Review

Image RemovedImage Added



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

Regular Login Homepage Preview

Image RemovedImage Added



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

Regular Login Homepage Preview
Image Removed

Image Added



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.

Regular Login Homepage Preview
Image Removed

Image Added



The row gets deleted as shown below.


Image Added



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.

Image Removed
Regular Login Homepage Preview

Image Added



The below screenshot shows the column deleted.


Image Added



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

Regular Login Homepage Preview

Image RemovedImage Added