jc-view

The schema defines the following properties:

instanceId (InstanceId | Expression)

when (Expression | boolean)

options (View Options, required)

Properties of the options object:

style (ViewStyleSpecification, required)

onPress (keg-action-in-background)

Action Keg component that will be triggered by pressing on this view.

children (ComponentDefaultChild[], required)

Children of the view

The object is an array with all elements of the type ComponentDefaultChild.

emphasis (EmphasisDefinition)

Change emphasis of the background color

Sub Schemas

The schema defines the following additional types:

ViewStyleSpecification (object)

Properties of the ViewStyleSpecification object:

emphasis (EmphasisDefinition)

Emphasis of the content

flex (number | string | object)

Dont use flex: 1 with the width parameter. The width parameter will be ignored in this case.

The object must be any of the following types:

flex (string)

flex (object)

Properties of the flex object:

direction (enum<string>)

Direction of the content

This element must be one of the following enum values:

• row
• column
• row-reverse
• column-reverse

grow (number | string)

Dont use the grow with the width parameter. The width parameter will be ignored in this case.

The object must be any of the following types:

grow (string)

basis (number | string | string)

Dont use the basis with the width parameter. The width parameter will be ignored in this case.

The object must be any of the following types:

basis (string)

shrink (number | string)

Will shrink itself if the content is bigger than the container

The object must be any of the following types:

shrink (string)

wrap (enum<string>)

Will wrap the content if the content is bigger than the container

This element must be one of the following enum values:

• wrap
• nowrap
• wrap-reverse

justifyContent (enum<string>)

Justify content of the content. Behaviour depends on the flexDirection parameter.

This element must be one of the following enum values:

• flex-start
• flex-end
• center
• space-between
• space-around
• space-evenly

alignItems (enum<string>)

Align items of the content. Behaviour depends on the flexDirection parameter.

This element must be one of the following enum values:

• flex-start
• flex-end
• center
• stretch
• baseline

alignContent (enum<string>)

Align content of the content. Behaviour depends on the flexDirection parameter.

This element must be one of the following enum values:

• flex-start
• flex-end
• center
• stretch
• space-between
• space-around

alignSelf (enum<string>)

Align self inside the parent container

This element must be one of the following enum values:

• auto
• flex-start
• flex-end
• center
• stretch
• baseline

overflow (enum<string>)

Overflow of the content

This element must be one of the following enum values:

• visible
• hidden
• scroll

position (enum<string>)

Position of the content

This element must be one of the following enum values:

• absolute
• relative

top (SpacingType | string)

The object must be any of the following types:

top (SpacingType)

top (string)

right (SpacingType | string)

The object must be any of the following types:

right (SpacingType)

right (string)

bottom (SpacingType | string)

The object must be any of the following types:

bottom (SpacingType)

bottom (string)

left (SpacingType | string)

The object must be any of the following types:

left (SpacingType)

left (string)

width (number | string | object)

Dont use flex: 1 or flex.grow with the width parameter. The width parameter will be ignored in this case.

The object must be any of the following types:

width (string)

width (object)

Properties of the width object:

value (number | string | string)

The object must be any of the following types:

value (string)

min (number | string | string)

The object must be any of the following types:

min (string)

max (number | string | string)

The object must be any of the following types:

max (string)

height (number | string | object)

The object must be any of the following types:

height (string)

height (object)

Properties of the height object:

value (number | string | string)

The object must be any of the following types:

value (string)

min (number | string | string)

The object must be any of the following types:

min (string)

max (number | string | string)

The object must be any of the following types:

max (string)

margin (SpacingType | string | object)

The object must be any of the following types:

margin (SpacingType)

margin (string)

margin (object)

Properties of the margin object:

bottom (SpacingType | string)

The object must be any of the following types:

bottom (SpacingType)

bottom (string)

end (SpacingType | string)

The object must be any of the following types:

end (SpacingType)

end (string)

horizontal (SpacingType | string)

The object must be any of the following types:

horizontal (SpacingType)

horizontal (string)

left (SpacingType | string)

The object must be any of the following types:

left (SpacingType)

left (string)

right (SpacingType | string)

The object must be any of the following types:

right (SpacingType)

right (string)

start (SpacingType | string)

The object must be any of the following types:

start (SpacingType)

start (string)

top (SpacingType)

vertical (SpacingType | string)

The object must be any of the following types:

vertical (SpacingType)

vertical (string)

padding (SpacingType | string | object)

The object must be any of the following types:

padding (SpacingType)

padding (string)

padding (object)

Properties of the padding object:

bottom (SpacingType | string)

The object must be any of the following types:

bottom (SpacingType)

bottom (string)

end (SpacingType | string)

The object must be any of the following types:

end (SpacingType)

end (string)

horizontal (SpacingType | string)

The object must be any of the following types:

horizontal (SpacingType)

horizontal (string)

left (SpacingType | string)

The object must be any of the following types:

left (SpacingType)

left (string)

right (SpacingType | string)

The object must be any of the following types:

right (SpacingType)

right (string)

start (SpacingType | string)

The object must be any of the following types:

start (SpacingType)

start (string)

top (SpacingType | string)

The object must be any of the following types:

top (SpacingType)

top (string)

vertical (SpacingType | string)

The object must be any of the following types:

vertical (SpacingType)

vertical (string)

gap (SpacingType | string | object)

The object must be any of the following types:

gap (SpacingType)

gap (string)

gap (object)

Properties of the gap object:

column (SpacingType | string)

The object must be any of the following types:

column (SpacingType)

column (string)

row (SpacingType | string)

The object must be any of the following types:

row (SpacingType)

row (string)

border (Border settings)

Properties of the border object:

style (BorderStyleDefinition)

Default: true

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

top (object)

Specific setting of top border

Properties of the top object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

bottom (object)

Specific setting of bottom border

Properties of the bottom object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

left (object)

Specific setting of left border

Properties of the left object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

right (object)

Specific setting of right border

Properties of the right object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

start (object)

Specific setting of start border

Properties of the start object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

end (object)

Specific setting of end border

Properties of the end object:

style (BorderStyleDefinition, required)

color (ColorOrConditionalColor)

emphasis (EmphasisDefinition)

radius (RadiusType | string | object)

Radius of the corners of the view

The object must be any of the following types:

radius (RadiusType)

radius (string)

radius (object)

Properties of the radius object:

topLeft (RadiusType | string)

The object must be any of the following types:

topLeft (RadiusType)

topLeft (string)

topRight (RadiusType | string)

The object must be any of the following types:

topRight (RadiusType)

topRight (string)

bottomLeft (RadiusType | string)

The object must be any of the following types:

bottomLeft (RadiusType)

bottomLeft (string)

bottomRight (RadiusType | string)

The object must be any of the following types:

bottomRight (RadiusType)

bottomRight (string)

background (object)

Properties of the background object:

color (ColorOrConditionalColor)

Background color of the view

emphasis (EmphasisDefinition)

Change emphasis of the background color

EmphasisDefinition (extra-low | low | low-medium | medium | high | string)

The object must be any of the following types:

EmphasisDefinition (string)

SpacingType (enum<string>)

This element must be one of the following enum values:

• none
• minimal
• small
• medium
• regular
• large

BorderStyleDefinition (solid | transparent | string)

The object must be any of the following types:

BorderStyleDefinition (string)

ColorOrConditionalColor (primary | BasicColor | string | object[])

The object must be any of the following types:

ColorOrConditionalColor (BasicColor)

ColorOrConditionalColor (string)

ColorOrConditionalColor (object[])

The object is an array with all elements of the type object.

The array object has the following properties:

BasicColor (enum<string>)

This element must be one of the following enum values:

• color1
• color2
• color3
• color4
• color5
• color6
• color7
• color8
• color9
• color10
• color11
• color12
• color13
• color14

RadiusType (enum<string>)

This element must be one of the following enum values:

• tiny
• small
• medium
• regular
• large

ComponentDefaultChild (jc-avatar | jc-bar-chart | jc-button | jc-card | jc-entity | jc-expander | jc-form | jc-icon | JCImageOnCustomComponentConfig | jc-interactive-image | jc-line-chart | jc-location | jc-pie-chart | jc-stage | jc-stepper | jc-text | jc-trend | JCVideoPlayerOnJigConfig | jc-view | jc-web-view)

The object must be any of the following types:

ComponentDefaultChild (jc-avatar)

ComponentDefaultChild (jc-bar-chart)

ComponentDefaultChild (jc-button)

ComponentDefaultChild (jc-card)

ComponentDefaultChild (jc-entity)

ComponentDefaultChild (jc-expander)

ComponentDefaultChild (jc-form)

ComponentDefaultChild (jc-icon)

ComponentDefaultChild (JCImageOnCustomComponentConfig)

ComponentDefaultChild (jc-interactive-image)

ComponentDefaultChild (jc-line-chart)

ComponentDefaultChild (jc-location)

ComponentDefaultChild (jc-pie-chart)

ComponentDefaultChild (jc-stage)

ComponentDefaultChild (jc-stepper)

ComponentDefaultChild (jc-text)

ComponentDefaultChild (jc-trend)

ComponentDefaultChild (JCVideoPlayerOnJigConfig)

ComponentDefaultChild (jc-view)

ComponentDefaultChild (jc-web-view)

FormChildrenFields (jc-text-field | jc-checkbox | jc-email-field | jc-number-field | jc-dropdown | jc-date-picker | jc-signature-field | jc-media-field | jc-avatar-field)