PageLinkDesign Type

Pagelink design object type.

Hierarchy

Design
   └─ PageLinkDesign

Index

Properties

Properties

alignItems

alignItems: string (optional)

This property is an alias for the CSS property "align-items". Please refer to this web page for documentation on the "align-items" property.

Inherited from Design.alignItems

alignSelf

alignSelf: string (optional)

Inherited from Design.alignSelf

background

background: string (optional)

Sets the background color. If "theme" is used, then the color will match the app's theme color.
sample image

bindings

bindings: any (optional)

Inherited from Design.bindings

border

border: "none" | "solid" | "left" | "right" | "top" | "bottom" (optional)

The border behavior of a control. This property will not be inherited by the children.

Inherited from Design.border

color

color: string (optional)

The foreground color of the container. This will modify the color of all headers, items, labels, and icons within the container.
Consider setting the background color at the same time as necessary when setting this attribute.
Note: if color is set to "theme", the theme color of the app will be used.
The following colors are available:
sample image

Inherited from Design.color

excludeContext

excludeContext: boolean (optional)

flexFlow

flexFlow: string (optional)

Specifying this property makes the component a flex container component. This property is an alias for the CSS property "flex-flow". Please refer to this web page for documentation on the "flex-flow" property.

Inherited from Design.flexFlow

flexSize

flexSize: string (optional)

One number or two numbers written as a string. E.g. "(size to grow) [(size-to-shrink)]" to accomodate available space in the immediate flex container. This property is an alias for the CSS property "flex". Please refer to this web page for documentation on the "flex" property.

Inherited from Design.flexSize

fontSize

fontSize: "medium" | "xx-small" | "x-small" | "small" | "large" | "x-large" | "xx-large" (optional)

The proportional text size

Inherited from Design.fontSize

fontWeight

fontWeight: "normal" | "bold" (optional)

Normal or bold text.

Inherited from Design.fontWeight

hideArrow

hideArrow: boolean (optional)

Allows an arrow ( > ) on a default styled navigation control to be hidden. By default, arrows are present in a navigation control.
This property can only be added through the design object.

icon

icon: string (optional)

Name of the icon that is displayed in the pagelink control. Here is a list of available icons.

justifyItems

justifyItems: "flex-start" | "flex-end" | "center" | "space-between" (optional)

This property is an alias for the CSS property "justify-content". Please refer to this web page for documentation on the "justify-content" property.

Inherited from Design.justifyItems

label

label: string (optional)

Inherited from Design.label

labelPosition

labelPosition: "stacked" | "hidden" | "inline" (optional)

Determines how a label is positioned, if at all. By default, labelPosition is set to stacked.

Inherited from Design.labelPosition

name

name: string (optional)

Inherited from Design.name

navigation: NavigationArgs (optional)

Navigation object of the pagelink.

padding

padding: "none" | "small" | "std" (optional)

Allows specifying the component's padding behavior. A component will inherit the padding behavior specified by its parent container components.

Inherited from Design.padding

showCount

showCount: boolean (optional)

If true, shows a count of the records present in the list on the target page. This property is only suitable when the navigation target is a Page which contains on a List control.

style

style: string (optional)

Determines the visual style of the pagelink control. Options:

  • "inline": takes up the full width its container, with the label in-line with the icon
  • "button": takes up only as much width as needed by the label, with the label below the icon

type

type: ControlType (optional)

The type of the control as a string.

Inherited from Design.type