---
title: "FoundationNG Pictogram Config"
description: "The FoundationNG Pictogram Config is used to define which Pictograms are available to be used for EyeCatcher, Basic Teaser, Tiles Teaser, Text Teaser, Pictogram, and Form Answer Card."
path: https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-pictogram-config.html
lastModified: 2024-11-08T10:07:58.118Z
---

# FoundationNG Pictogram Config

# FoundationNG Pictogram Config

The FoundationNG Pictogram Config is used to define which Pictograms are available to be used for following Components:

[Eye Catcher](https://www.eonshowroom.eon.com/en/specials/eye-catcher.html)

[Basic Teaser](https://www.eonshowroom.eon.com/en/teasers-and-highlights/basic-teaser.html)

[Tiles Teaser](https://www.eonshowroom.eon.com/en/teasers-and-highlights/tiles-teaser.html)

[Text Teaser](https://www.eonshowroom.eon.com/en/teasers-and-highlights/text-teaser.html)

[Pictogram](https://www.eonshowroom.eon.com/en/content-elements/picotgrams.html)

[Form Answer Card](https://www.eonshowroom.eon.com/en/specials/form-elements/form---selectors/form-answer-card-element.html)

### Usage

If it should be the same for all Pages, do it on Homepage Configuration Page.

Use CAC only if it should be changed for just some Subpages.

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

![FoundationNG Pictogram Config](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/foundation-ng_pictogram-config%3A2-1?fmt=webp)

### Options of FoundationNG Pictogram Config

After Editing is enabled for FoundationNG Pictogram Config, Editor has two Options to maintain multiple Pictograms. It can be done manually or automatically.

For having it **automatically**, do not add any Icon in the List but enable Checkbox to use all available Pictograms as Backup. This means, List of Pictograms will include **all available Icons** depending on Icon Version set in "FoundationNG Multibrand Main CaConfig".

If maintaining it manually for having an individual List with only the Icon needed, multiple Pictograms can be added or deleted.

For Deleting a Pictogram, Editor needs to click the Minus Icon (**-**) of the Line that should be deleted.

For Adding a Pictogram, Editor needs to click on a Plus Icon (**+**). This adds a new empty Line under the Line of clicked Plus Icon. There, the name of the Pictogram needs to be added.

It is adviceble to have a Sorting Order for a manual added List (needs to be done manual) e.g. alphabetical. This will make it easier to find a specific Pictogram in a long List.

[List of FoundationNG Pictograms on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/media-pictogram--all-pictograms)