---
schema_version: "1"
id: 5d024a30162f99355da063f39df32454dd33105f7e4ae54e62db87fc6b0e2091
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_ap_configure_the_navigation_tiles_component.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.es_ap_configure_the_navigation_tiles_component.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2c78daa939ca140bc5c687cbb6c701357567d56d1281ca6d4c6054a250db0e55
description: The Home page in Alumni Portal contains the Navigation Tiles component. The component enhances the navigation experience in Alumni 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 Alumni Portal contains the Navigation Tiles component. The component enhances the navigation experience in Alumni 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="d123535e55">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d123535e55 ">To configure the Navigation Tiles component:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d123535e55 ">Alumni Portal Community User</td>

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

1. In Setup, find and select **All Sites**.
2. Next to the name of your Alumni 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. |