---
schema_version: "1"
id: add537e0f150f7f06a4a5b9f3b7466f5cd6d540fac3437b25d29bd33cd33148b
title: Configure the Navigation Tiles Component
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/es_configure_the_navigation_tiles_component.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.es_configure_the_navigation_tiles_component.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9e8f536d819a2e7aa501aea5a6b54e2f63acf7c445adadea511f7c2b763114cd
description: The Home page in Employee Portal contains the Navigation Tiles component. The component enhances the navigation experience in Employee Portal by presenting the available actions in a user-friendly and visually engaging manner.
products:
  - Service Cloud
release: "264"
---
# Configure the Navigation Tiles Component

The Home page in Employee Portal contains the Navigation Tiles component. The component enhances the navigation experience in Employee Portal by presenting the available actions in a user-friendly and visually engaging manner.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.service_editions_reference.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d117623e55">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d117623e55 ">To configure the Navigation Tiles component:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d117623e55 ">Employee Hub for Community Users</td>

          </tr>
        </tbody>
      </table>

1. In Setup, find and select **All Sites**.
2. Next to the name of your Employee Portal site, click **Builder**.
3. From Home, click **Navigation Tiles** in the builder canvas.
4. In the property editor, configure the properties of the component.
    
    | Property | Details |
    | --- | --- |
    | Edit Navigation Tiles | Click to edit the actions shown on Navigation Tiles. |
    | Use Default Theme Colors | Select to use the default theme colors for Navigation Tiles. |
    | Tile Format | Click to expand. |
    | Background Color | Set the color of the tile background. |
    | Border Radius | Enter a value from 0 to 50 pixels. |
    | Hover Border Color | Set the tile border color for the hover state. |
    | Focus Border Color | Set the tile border color for the focus state. |
    | Show Drop shadow | Select to show drop shadow below tiles. |
    | Tile Width | Enter the width of tiles in pixels. |
    | Label Format | Click to expand. |
    | Label Color | Set the font color of labels. |
    | Label Font Size | Enter the font size of labels in pixels. |
    | Label Horizontal Alignment | Specify the horizontal alignment of labels within tiles. |
    | Show label above icon | Select to show the tile label above the icon. |
    | Icon Format | Click to expand. |
    | Icon Height | Enter the icon height in pixels. |
    | Icon Width | Enter the icon width in pixels. |