# Controls Use these in your `properties.config.json` with `"globalControl": "Name"`. ## Alignment | globalControl | Description | | ----------------- | --------------------------------------------------------------------------------------------------------------------- | | `AlignContent` | [AlignContent](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/align-content.md) | | `AlignItems` | [AlignItems](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/align-items.md) | | `AlignItemsBasic` | [AlignItemsBasic](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/align-items-basic.md) | | `AlignSelf` | [AlignSelf](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/align-self.md) | | `JustifyContent` | [JustifyContent](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/justify-content.md) | | `JustifyItems` | [JustifyItems](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/justify-items.md) | | `JustifySelf` | [JustifySelf](/elements-docs/elements-language/dev-resources/build-tools/controls/alignment/justify-self.md) | ## Animations | globalControl | Description | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | | `AnimationEffects` | [AnimationEffects](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/animation-effects.md) | | `AnimationSettings` | [AnimationSettings](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/animation-settings.md) | | `Reveals` | [Reveals](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/reveals.md) | | `ScrollAnimation_Opacity` | [ScrollAnimation\_Opacity](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/scroll-animation_opacity.md) | | `ScrollAnimation_Rotate` | [ScrollAnimation\_Rotate](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/scroll-animation_rotate.md) | | `ScrollAnimation_Scale` | [ScrollAnimation\_Scale](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/scroll-animation_scale.md) | | `ScrollAnimation_Translate` | [ScrollAnimation\_Translate](/elements-docs/elements-language/dev-resources/build-tools/controls/animations/scroll-animation_translate.md) | ## Background | globalControl | Description | | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | | `Background` | [Background](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background.md) | | `BackgroundButton` | [BackgroundButton](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-button.md) | | `BackgroundColor` | [BackgroundColor](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-color.md) | | `BackgroundContainer` | [BackgroundContainer](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-container.md) | | `BackgroundGradient` | [BackgroundGradient](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-gradient.md) | | `BackgroundImage` | [BackgroundImage](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-image.md) | | `BackgroundOnlyColor` | [BackgroundOnlyColor](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-only-color.md) | | `BackgroundTransparent` | [BackgroundTransparent](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-transparent.md) | | `BackgroundVideo` | [BackgroundVideo](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background-video.md) | | `Background_Color` | [Background\_Color](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_color.md) | | `Background_Gradient` | [Background\_Gradient](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_gradient.md) | | `Background_Gradient_Container` | [Background\_Gradient\_Container](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_gradient_container.md) | | `Background_Image` | [Background\_Image](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_image.md) | | `Background_Image_CMS` | [Background\_Image\_CMS](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_image_cms.md) | | `Background_SVG` | [Background\_SVG](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_svg.md) | | `Background_Video` | [Background\_Video](/elements-docs/elements-language/dev-resources/build-tools/controls/background/background_video.md) | | `Border` | [Border](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border.md) | | `BorderColor` | [BorderColor](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border-color.md) | | `BorderHover` | [BorderHover](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border-hover.md) | | `BorderRadius` | [BorderRadius](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border-radius.md) | | `BorderStyle` | [BorderStyle](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border-style.md) | | `BorderWidth` | [BorderWidth](/elements-docs/elements-language/dev-resources/build-tools/controls/background/border-width.md) | | `Borders` | [Borders](/elements-docs/elements-language/dev-resources/build-tools/controls/background/borders.md) | | `BordersContainer` | [BordersContainer](/elements-docs/elements-language/dev-resources/build-tools/controls/background/borders-container.md) | | `BordersInput` | [BordersInput](/elements-docs/elements-language/dev-resources/build-tools/controls/background/borders-input.md) | | `Outline` | [Outline](/elements-docs/elements-language/dev-resources/build-tools/controls/background/outline.md) | | `OutlineColor` | [OutlineColor](/elements-docs/elements-language/dev-resources/build-tools/controls/background/outline-color.md) | | `OutlineOffset` | [OutlineOffset](/elements-docs/elements-language/dev-resources/build-tools/controls/background/outline-offset.md) | | `OutlineStyle` | [OutlineStyle](/elements-docs/elements-language/dev-resources/build-tools/controls/background/outline-style.md) | | `OutlineWidth` | [OutlineWidth](/elements-docs/elements-language/dev-resources/build-tools/controls/background/outline-width.md) | ## Core | globalControl | Description | | ---------------- | ------------------------------------------------------------------------------------------------------------- | | `BackdropBlur` | [BackdropBlur](/elements-docs/elements-language/dev-resources/build-tools/controls/core/backdrop-blur.md) | | `Blur` | [Blur](/elements-docs/elements-language/dev-resources/build-tools/controls/core/blur.md) | | `BoxShadow` | [BoxShadow](/elements-docs/elements-language/dev-resources/build-tools/controls/core/box-shadow.md) | | `Brightness` | [Brightness](/elements-docs/elements-language/dev-resources/build-tools/controls/core/brightness.md) | | `CSSClasses` | [CSSClasses](/elements-docs/elements-language/dev-resources/build-tools/controls/core/css-classes.md) | | `ControlType` | [ControlType](/elements-docs/elements-language/dev-resources/build-tools/controls/core/control-type.md) | | `DropShadow` | [DropShadow](/elements-docs/elements-language/dev-resources/build-tools/controls/core/drop-shadow.md) | | `Effects` | [Effects](/elements-docs/elements-language/dev-resources/build-tools/controls/core/effects.md) | | `Filters` | [Filters](/elements-docs/elements-language/dev-resources/build-tools/controls/core/filters.md) | | `HTMLTag` | [HTMLTag](/elements-docs/elements-language/dev-resources/build-tools/controls/core/html-tag.md) | | `HoverGroup` | [HoverGroup](/elements-docs/elements-language/dev-resources/build-tools/controls/core/hover-group.md) | | `ID` | [ID](/elements-docs/elements-language/dev-resources/build-tools/controls/core/id.md) | | `Image` | [Image](/elements-docs/elements-language/dev-resources/build-tools/controls/core/image.md) | | `MenuItem` | [MenuItem](/elements-docs/elements-language/dev-resources/build-tools/controls/core/menu-item.md) | | `ObjectFit` | [ObjectFit](/elements-docs/elements-language/dev-resources/build-tools/controls/core/object-fit.md) | | `ObjectPosition` | [ObjectPosition](/elements-docs/elements-language/dev-resources/build-tools/controls/core/object-position.md) | | `Opacity` | [Opacity](/elements-docs/elements-language/dev-resources/build-tools/controls/core/opacity.md) | | `Saturate` | [Saturate](/elements-docs/elements-language/dev-resources/build-tools/controls/core/saturate.md) | ## Grid & Flex | globalControl | Description | | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | | `ActAsGridOrFlexItem` | [ActAsGridOrFlexItem](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/act-as-grid-or-flex-item.md) | | `ColEnd` | [ColEnd](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/col-end.md) | | `ColStart` | [ColStart](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/col-start.md) | | `Columns` | [Columns](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/columns.md) | | `FlexDirection` | [FlexDirection](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/flex-direction.md) | | `FlexItem` | [FlexItem](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/flex-item.md) | | `GridItem` | [GridItem](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/grid-item.md) | | `Order` | [Order](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/order.md) | | `RowEnd` | [RowEnd](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/row-end.md) | | `RowStart` | [RowStart](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/row-start.md) | | `Rows` | [Rows](/elements-docs/elements-language/dev-resources/build-tools/controls/grid-and-flex/rows.md) | ## Interactive | globalControl | Description | | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | | `ButtonFontAndTextStyles` | [ButtonFontAndTextStyles](/elements-docs/elements-language/dev-resources/build-tools/controls/interactive/button-font-and-text-styles.md) | | `Filter` | [Filter](/elements-docs/elements-language/dev-resources/build-tools/controls/interactive/filter.md) | | `InputFontAndTextStyles` | [InputFontAndTextStyles](/elements-docs/elements-language/dev-resources/build-tools/controls/interactive/input-font-and-text-styles.md) | | `Link` | [Link](/elements-docs/elements-language/dev-resources/build-tools/controls/interactive/link.md) | ## Layout | globalControl | Description | | -------------------- | ------------------------------------------------------------------------------------------------------------------------- | | `AspectRatio` | [AspectRatio](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/aspect-ratio.md) | | `Container` | [Container](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/container.md) | | `Hidden` | [Hidden](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/hidden.md) | | `Inset` | [Inset](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/inset.md) | | `Isolation` | [Isolation](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/isolation.md) | | `Layout` | [Layout](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/layout.md) | | `Overflow` | [Overflow](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/overflow.md) | | `Position` | [Position](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/position.md) | | `TopRightBottomLeft` | [TopRightBottomLeft](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/top-right-bottom-left.md) | | `Visibility` | [Visibility](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/visibility.md) | | `ZIndex` | [ZIndex](/elements-docs/elements-language/dev-resources/build-tools/controls/layout/z-index.md) | ## Overlay | globalControl | Description | | ------------------ | -------------------------------------------------------------------------------------------------------------------- | | `Overlay` | [Overlay](/elements-docs/elements-language/dev-resources/build-tools/controls/overlay/overlay.md) | | `Overlay_Color` | [Overlay\_Color](/elements-docs/elements-language/dev-resources/build-tools/controls/overlay/overlay_color.md) | | `Overlay_Gradient` | [Overlay\_Gradient](/elements-docs/elements-language/dev-resources/build-tools/controls/overlay/overlay_gradient.md) | | `Overlay_Image` | [Overlay\_Image](/elements-docs/elements-language/dev-resources/build-tools/controls/overlay/overlay_image.md) | ## Sizing | globalControl | Description | | ----------------- | ----------------------------------------------------------------------------------------------------------------- | | `Height` | [Height](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/height.md) | | `MaxHeight` | [MaxHeight](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/max-height.md) | | `MaxWidth` | [MaxWidth](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/max-width.md) | | `MinHeight` | [MinHeight](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/min-height.md) | | `MinWidth` | [MinWidth](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/min-width.md) | | `Sizing` | [Sizing](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/sizing.md) | | `SizingContainer` | [SizingContainer](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/sizing-container.md) | | `SizingImage` | [SizingImage](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/sizing-image.md) | | `SizingInput` | [SizingInput](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/sizing-input.md) | | `SizingSVG` | [SizingSVG](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/sizing-svg.md) | | `Width` | [Width](/elements-docs/elements-language/dev-resources/build-tools/controls/sizing/width.md) | ## Spacing | globalControl | Description | | ------------------ | -------------------------------------------------------------------------------------------------------------------- | | `Margin` | [Margin](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/margin.md) | | `Padding` | [Padding](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/padding.md) | | `Spacing` | [Spacing](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/spacing.md) | | `SpacingButton` | [SpacingButton](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/spacing-button.md) | | `SpacingContainer` | [SpacingContainer](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/spacing-container.md) | | `SpacingInput` | [SpacingInput](/elements-docs/elements-language/dev-resources/build-tools/controls/spacing/spacing-input.md) | ## Transforms | globalControl | Description | | ----------------- | --------------------------------------------------------------------------------------------------------------------- | | `Rotate` | [Rotate](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/rotate.md) | | `Scale` | [Scale](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/scale.md) | | `Skew` | [Skew](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/skew.md) | | `TransformOrigin` | [TransformOrigin](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/transform-origin.md) | | `Transforms` | [Transforms](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/transforms.md) | | `Translate` | [Translate](/elements-docs/elements-language/dev-resources/build-tools/controls/transforms/translate.md) | ## Transitions | globalControl | Description | | ---------------- | -------------------------------------------------------------------------------------------------------------------- | | `Delay` | [Delay](/elements-docs/elements-language/dev-resources/build-tools/controls/transitions/delay.md) | | `Duration` | [Duration](/elements-docs/elements-language/dev-resources/build-tools/controls/transitions/duration.md) | | `Property` | [Property](/elements-docs/elements-language/dev-resources/build-tools/controls/transitions/property.md) | | `TimingFunction` | [TimingFunction](/elements-docs/elements-language/dev-resources/build-tools/controls/transitions/timing-function.md) | | `Transitions` | [Transitions](/elements-docs/elements-language/dev-resources/build-tools/controls/transitions/transitions.md) | ## Typography | globalControl | Description | | ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------- | | `HeadingColor` | [HeadingColor](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/heading-color.md) | | `TextColor` | [TextColor](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-color.md) | | `TextColorHover` | [TextColorHover](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-color-hover.md) | | `TextDecoration` | [TextDecoration](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-decoration.md) | | `TextFontsAndTextStyles` | [TextFontsAndTextStyles](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-fonts-and-text-styles.md) | | `TextSimple` | [TextSimple](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-simple.md) | | `TextStyles` | [TextStyles](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/text-styles.md) | | `Typography` | [Typography](/elements-docs/elements-language/dev-resources/build-tools/controls/typography/typography.md) | ## Quick Usage ```json { "globalControl": "Spacing" } ``` With overrides: ```json { "globalControl": "BackgroundColor", "themeColor": { "default": { "name": "brand", "shade": 500 } } } ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.realmacsoftware.com/elements-docs/elements-language/dev-resources/build-tools/controls.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.