--- title: "Configuration Pages" description: "Beside having a Homepage Config, also Context Aware Configuration (CAC) is possible, using multiple Configuration Pages." path: https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages.html lastModified: 2025-12-15T08:52:03.192Z --- # Configuration Pages # Configuration Pages ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-1040970776-2%3A16-9?fmt=webp) ## Configuration Page Video Training [Watch the Video](https://vimeo.com/1130671346/64cf87bc8a) ### Description Beside having a Homepage Configuration, also Context Aware Configuration (CAC) is possible, using multiple Configuration Pages. - Homepage Configuration Page for General Configurations - Additional Configuration Pages for Context Aware Configuration (CAC) - Be careful of Using or Deleting Configuration Pages #### Be Aware: Do NOT delete CAC Pages! CAC Pages must not get deleted before Reseting custom Configurations back to Default. ### Adding a Configuration Page Editor needs to add a Configuration Page like a [Normal Page](/content/foundationNG/en/aem-basics/page-handling.html). Therefore, Editor need to choose an existing Page (one Level higher then the Configuration Page should be placed) and click on its Title, so it is highlighted. Then, click on "Create" Button and choose "Page" to create a Page on next Level of Hierarchie. Afterwards, Editor needs to choose the **Page Template "Configuration Page"**, click on Next Button, and set at least a Title (used for Tab Name in Browser). ### Homepage Configuration Pages The Homepage Configuration Pages is placed on same Hierarchical Level as the Homepage itself. If Editor opens the Homepage Configuration Page, Configurations can be added via Click on Add and selecting Configuration from Dropdown in opening Dialog. ![Add Configuration to Configuration Page - Part 1](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/config_01%3A2-1?fmt=webp) ![Add Configuration to Configuration Page - Part 2](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/config_02%3A2-1?fmt=webp) ### Multiple Configuration Pages - Context Aware Configuration (CAC) A Configuration Pages for Context Aware Configuration (CAC) is placed one Hierarchical Level below the Page that should have other Configurations as other Pages. This Configuration Page will affect the Page one Hierarchical Level before, as well as on same Hierarchie Level and all afterwards, till it is changed by another Configuration Page. A Configuration Page can be maintained in same Way as the Homepage Configuration Page itself. If Editor opens the Configuration Page, Configurations can be added via Click on Add and selecting Configuration from Dropdown in opening Dialog. #### Keep in Mind - A Configuration Page affects Parent Page, all Pages on same Hierarchical Level and all Child Pages - If having individual Configrations, then it is HIGHLY recommended to delete these individual Configs on Configuration Page first BEFORE deleting the Config Page. - The open Brace of each Config on Configuration Page indicates that this Configuration differs to the one of the Configuration Page in the higher Level of Hierarchie. ![Overview in Configuration Page](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/config-overview%3A2-1?fmt=webp) ### Effective Range of a Configuration Page A Configuration Page will affect the Page one Hierarchical Level before, as well as on same Hierarchie Level and all afterwards, till it is changed by another Configuration Page. So, general Configurations should be done in Homepage Configuration. Only if there are Configuration Changes that should not affect all of your Pages, use CACs! ![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/configuration_effective-range%3A2-1?fmt=webp-alpha) home setup Homepage Configuration ##### Homepage Configuration ![](https://www.eonshowroom.eon.com/content/dam/foundationNG/images/how-to/its-on-us/basics/config/configuration_effective-range_hompage.png/_jcr_content/renditions/cq5dam.web.1280.640.png) For general Configurations Homepage Configuration affects all Pages if it is not changed by a Context Aware Configuration. Therefore, it should be used for general Configurations. chat settings Context Aware Configuration (CAC) ##### Context Aware Configuration (CAC) ![](https://www.eonshowroom.eon.com/content/dam/foundationNG/images/how-to/its-on-us/basics/config/configuration_effective-range_cac.png/_jcr_content/renditions/cq5dam.web.1280.640.png) For individual Configurations A Context Aware Configuration (CAC) Page will affect the Page one Hierarchical Level before, as well as on same Hierarchie Level and all afterwards, till it is changed by another Configuration Page. Therefore, only if there are Configuration Changes that should not affect all of your Pages, use CACs! ### About the most important Configuration Options For Editing a Configuration, Editor first needs to select it from Dropdown (if it is not already in the List). As far as it is added to the Configuration List on the Configuration Page, it can be opened by Clicking on it. Then the Link "Click here to break Inheritance" needs to be clicked, and "Enable Property Inheritance" must be unchecked. If Configuration was newly added to the List, this is already done. Afterwards, Editing is possible. Do not forget to save the Configurations individually, using Save Button on Top of Page. ![Break Inheritance](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/config_03%3A2-1?fmt=webp) ### Available Configurations #### General Configurations ## FoundationNg Global Elements Config Configuration, General Configurations With FoundationNg Global Elements Config the overall Elements can be defined. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-global-elements-config.html) ## FoundationNg Site Config Configuration, General Configurations The FoundationNg Site Config is used to do some Settings for the Site itself. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-site-config.html) ## FoundationNG Multibrand Main CaConfig Configuration, General Configurations The FoundationNG Multibrand Main CaConfig is used to decide for a Design like E.ON Theme, or Suewag Theme, etc. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-multibrand-main-caconfig.html) ## FoundationNg RegEx Config General Configurations, Configuration With FoundationNg RegEx Config Editor can configure Regular Expressions for the Validation of Inputs in the Form Text Component. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-regex-config.html) ## FoundationNg Image Cropper Ratio Config Configuration, General Configurations With FoundationNg Image Cropper Ratio Config it can be defined which Ratios are available in Image Cropping Dialog. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-image-cropper-ratio-config.html) ## FoundationNG Favicon Config Configuration, General Configurations The FoundationNG Favicon Config defines the small Icon, that will be shown in Browser Tab next to the Page Title, as well as in Browser Favourites, or on a Smartphone if the Page is stored. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-favicon-config.html) #### Configurations to use External Providers ## FoundationNg Google Tag Manager Config Configuration, External Providers The FoundationNg Google Tag Manager Config is a Site specific Configuration for Goolge Tag Manager (GTM). [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-google-tag-manager-config.html) ## FoundationNg Matomo Tag Manager Config Configuration, External Providers Matomo Tag Manager is a Tool that simplifies the Management and Deployment of Tracking Tags on Websites. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-matomo-tag-manager-config.html) ## FoundationNg Form Config (Mulesoft & MTCaptcha) Configuration, Forms, External Providers In FoundationNg Form Config Mulesoft and MT Captcha can be configured. They are both needed for Forms. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-form-config.html) ## FoundationNg Usercentrics Consent Config Configuration, External Providers ![Usercentrics](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/foundation-ng_usercentrics-consent-config%3A2-1?fmt=webp) Usercentrics is a Cookie Consent Management Service for a Data Privacy Compliant Website. With FoundationNg Usercentrics Consent Config, Usercentrics can be included in a Website. [Have a look?](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-usercentrics-consent-config.html) ## FoundationNg Adobe Test Target Config Configuration, External Providers The FoundationNg Adobe Test Target Config is used to make it possible to use Adobe Target on a Website. Adobe Target is a Tool to start with A/B Testing and Personalization of Parts of a Website. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-adobe-test-target-config.html) ## NEW: FoundationNg Form Config (Mulesoft & MTCaptcha) Configuration, Forms, External Providers In FoundationNg Form Config Mulesoft and MT Captcha can be configured. They are both needed for Forms. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-new-form-config.html) #### Configurations of Icons and Pictograms ## FoundationNg Bullet List Icon Config Configuration, Icons and Pictograms The FoundationNg Bullet List Icon Config is used to define which Icons are available for Bullet List, Clickable Image, Form Segmented Button, and Form Answer Card. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-bullet-list-icon-config.html) ## FoundationNg Link Icon Config Configuration, Icons and Pictograms The FoundationNg Link Icon Config is used to define which Icons are available for custom Link Icon Selection. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-link-icon-config.html) ## FoundationNg Multi Content Stage Icon Config Configuration, Icons and Pictograms The FoundationNg Multi Content Stage Icon Config is used to define which Icons are available for Multi Content Stage. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-multi-content-stage-icon-config.html) ## FoundationNG Third level Nav Icons Config Configuration, Icons and Pictograms The FoundationNG Third Level Nav Icons Config is used to define which Icons are available for Third Level Navigation. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-third-level-navigation-icon-config.html) ## FoundationNG Steps Component Pictogram / Done Icons Config Configuration, Icons and Pictograms The FoundationNG Steps Component Pictogram / Done Icons Config is used to define which Pictograms are available for Steps Component, as well as which Icons are available to be used for EyeCatcher, Basic Teaser, Steps, Tags. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-steps-component-pictogram-done-icons-config.html) ## FoundationNG Pictogram Config Configuration, Icons and Pictograms 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. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-pictogram-config.html) | Place to configure availabe Icons | Components in which Icons are used | | --- | --- | | Third level Nav Icons Config | [Third Level Navigation](/content/foundationNG/en/page-elements/3rd-level-navigation.html) | | FoundationNG Steps Component Pictogram/Done Icons Config | [EyeCatcher](/content/foundationNG/en/specials/eye-catcher.html), [Basic Teaser](/content/foundationNG/en/teasers-and-highlights/basic-teaser.html), [Steps](/content/foundationNG/en/specials/steps.html), [Tags](/content/foundationNG/en/aem-basics/tagging.html) | | FoundationNg Multi Content Stage Icon Config | [Multi Content Stage Item](/content/foundationNG/en/teasers-and-highlights/multi-content-stage.html) | | FoundationNg Bullet List Icon Config | [Bullet List](/content/foundationNG/en/content-elements/bullet-list.html), [Clickable Image](/content/foundationNG/en/content-elements/clickable-image.html), [Form Segmented Button](/content/foundationNG/en/specials/form-elements/form---selectors/form-segmented-button-element.html), [Form Answer Card](/content/foundationNG/en/specials/form-elements/form---selectors/form-answer-card-element.html) | | FoundationNg Link Icon Config | [Link (custom Icon)](/content/foundationNG/en/content-elements/linking-element.html) | | Directly enter Icon Name in Component | [Icon Link (Navigation)](/content/foundationNG/en/page-elements/web-navigation.html), [Language Switch (Navigation)](/content/foundationNG/en/page-elements/web-navigation.html), [Button (custom Icon)](/content/foundationNG/en/content-elements/button.html) | | Place to configure availabe Pictograms | Components in which Pictograms are used | | --- | --- | | FoundationNg Pictogram Config | [EyeCatcher](/content/foundationNG/en/specials/eye-catcher.html), [Basic Teaser](/content/foundationNG/en/teasers-and-highlights/basic-teaser.html), [Tiles Teaser](/content/foundationNG/en/teasers-and-highlights/tiles-teaser.html), [Text Teaser](/content/foundationNG/en/teasers-and-highlights/text-teaser.html), [Pictogram](/content/foundationNG/en/content-elements/picotgrams.html), [Form Answer Card](/content/foundationNG/en/specials/form-elements/form---selectors/form-answer-card-element.html) | | FoundationNG Steps Component Pictogram / Done Icons Config | [Steps](/content/foundationNG/en/specials/steps.html) | #### Configurations for Special Components ## FoundationNG Enable Breadcrumb Configuration, Special Configurations The FoundationNG Enable Breadcrumb Config is used to define Settings for Breadcrumb Navigation. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-enable-breadcrumb-config.html) ## FoundationNg Content Aggregator Config Configuration, Special Configurations The FoundationNg Content Aggregator Config is used to make it possible to use Content Aggregator. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-content-aggregator-config.html) ## FoundationNg Closed User Group Config Configuration, Special Configurations The FoundationNg Closed User Group Config is used to make Pages only accessible via Login. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-closed-user-group-config.html) ## FoundationNg Highlight Banner Config Configuration, Special Configurations With FoundationNg Highlight Banner Config the Highlight Banner Appereance can be defined. [Read more](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-highlight-banner-config.html)