---
title: "Form Compass Element"
description: "With the Form Compass Element, User can choose a Direction."
path: https://www.eonshowroom.eon.com/en/specials/form-elements/form---selectors/form-compass-element.html
lastModified: 2025-02-25T10:04:48.344Z
---

# Form Compass Element

# Form Compass Element

[How to Configure](#how-to)

### Description

With the Form Compass Component it can be ask for a Direction. For Example, one can deduct in which Cardinal Direction the Roof Surface is oriented, on which a Solar System is to be installed.

- Let Users choose a Direction
- Can be made required

[Check it out on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/form-compass--interactive)

### Inspirations

[Live Example on Step 7 of the Questionnaire of eon.de](https://www.eon.de/de/pk/solar/solaranlage-berechnen.html)

### Usage Rules & Features

##### Features

- Deduct Cardinal Direction

##### Properties

- Can be made mandatory
- Add Required Message

##### Design

- Choose left, center, or right Alignment

##### In which Grid Columns does it fit?

| Grid Columns | Does it fit? |
| --- | --- |
| 2 | no |
| 3 | no |
| 4 | no |
| 5 | no |
| 6 | yes |
| 8 | yes |
| 9 | yes |
| 10 | yes |
| 12 | no |

##### DO's

- After Publishing, check Form sending works as expected
- Ensure Mulesoft Integration and Configuration is done

[Info Icon Key: info-icon-1]

[Info Icon Aria Label: Mulesoft & MT Captcha Integration]

[Info Icon Content Type: Experience fragment]

[Info Icon Content Start: info-icon-1]

##### Mulesoft & MT Captcha

Mulesoft and MT Captcha are both needed for Forms.

Mulesoft is a Preconditions to use Forms in Foundation 2020 Project. Furthermore, MT Captcha is a Service to make it harder for Bots (no real Users) to misuse a Form.

[Read More about Mulesoft & MT Captcha Integration](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-form-config.html)

[Info Icon Content End: info-icon-1]

##### DONT's

- Do not use it in smaller Grid then 6 Column Grid
- Try not to use it outside of Form Container - Any Kind of Form Element can be used only inside a Form Container
- Do not use it in Form Grid

## Configuration

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

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

### Form Compass

For the Form Compass only 3 Options are maintainable:

- Label
- Element Name - Needed for technical Referencing
- Compass Alignment - left, center, or right

### Rules for the Element Name:

The Element Name is a technical Name and therefore, there are some Rules to make it work:

- Name must be UNIQUE
- Just use lower Case Letters
- No special Signs
- No Blancs
- No Numbers

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

### Configure Constraints

In Constraints Tab of Form Compass, Editor can choose, if this Field should be required. If so, also providing a Required Message is advisable.