Versions Compared

Version Old Version 44 New Version 45
Changes made by

SriGowri Aspari

SriGowri Aspari

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.  

Navigate to Click on "Organization Homepage Config Config" link under Organization Management through the Menu iconmenu icon.

Menu



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

Organization Homepage Config Page


...

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
Image Modified
DescriptionWho it Affects and WhenInitial Login Home Page for all Users when the ORG is Active
  • All Users, including System Administrators
  • Before onboarding, the first time logging in
Regular Login Home Page for all System Administrators when the ORG is Active
  • Only System Administrators
  • After initial login; it is the consistent login homepage
Regular Login Home Page for all Users when the ORG is Active
  • All Users, except System Administrators
  • After initial login; it is the consistent login homepage
Remote I-9 Home Page
  • Remote Users
  • It is the consistent login homepage during onboarding
New Hire's Regular Home Page
  • New Hires
  • It is the consistent homepage during onboarding
New Hire's Welcome Page
(First Time Login)
  • New Hires
  • Before onboarding, usually containing a welcome message that lead to onboarding
Home Page for users with no role
  • Users with no specific role type
    • It is the consistent homepage during onboarding


    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.

    ...

    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 Modified



    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
    Image Modified



    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:

    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




    This adds a new column to the homepage preview.


    Image Modified



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


    Image Modified




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

    Regular Login Homepage Preview
    Image Modified


    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.


    Image Modified



    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.


    Image Modified



    The below screenshot shows the column deleted.

    ...


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


    Image Modified