Veritran Docs

CSS Class

CSS or style invoked from Style > Themes and applied to the component. Click the field to open the drop-down menu and select one of the styles available.

Profile Option

Code applied in reference to the app user profile. Click the field and enter the code.

Cells

Row cells. Click the field to open the Data Grid Row Cells panel. Click add item to add a new cell to the row. The cell created appears listed; click it and configure it in the attributes section that appears to the right of the panel. Refer to the Data Grid Row Cell section to learn learn more about the cell attributes.

Visible

Attribute that defines whether the component is visible in the app. Click the arrow and choose an option from the drop-down menu. Select true so that the component is visible in the app or false so that it is not visible.

Accessibility Text

Alternative text. Add a short text to describe the component to users who may not be able to see it. The text will be read by iOS Voice Over or Android Talk Back. You can also add the accessibility text to the translations dictionary or select an existing translation if there are languages selected in your context settings.Translations

Accessibility Order

Attribute that tells the screen reader the order in which it must read the components. To configure it, click the field and enter a number to define the order. For example, if this component should be read in third place, enter the value 3. If you don't configure a custom order, components are read from top to bottom and left to right of the screen.

Position Type

Click the arrow and select a type from the drop-down menu. Refer to the table below to learn more about the options available.

Abs. Left

Click the field and enter the abs. left (X) value. To define the unit of measurement, click the arrow in the right field and select an option from the drop-down menu.

Abs. Top

Click the field and enter the abs. top (Y) value. To define the unit of measurement, click the arrow in the right field and select an option from the drop-down menu.

Padding properties

Space between the component's border and the component's content (value). Enter a value for each of the padding properties: Padding Top, Padding Left, Padding Bottom and Padding Right. You can click the arrow located to the right of each padding field and select the desired unit of measurement from the drop-down menu.

Margin properties

Space around a component's border. Enter a value for each of the margin properties: Margin Top, Margin Left, Margin Bottom and Margin Right. To define the unit of measurement, click the arrow in the right field and select an option from the drop-down menu.

Z-Index

Property that defines the components' position order. If several components overlap, components with a higher Z-index will be placed over those with a lower index. This field is filled in automatically.

Shadow offset-x

Enter a value for the shadow with regard to the X (horizontal) axis, which considers the center of the component as starting point. If the value is a negative number, the shadow will point to the left. You can click the arrow located to the right of the shadow field and select a unit of measurement from the drop-down menu.

Shadow offset-y

Enter a value for the shadow with regard to the Y (vertical) axis, which considers the center of the component as starting point. You can click the arrow located to the right of the shadow field and select a unit of measurement from the drop-down menu.

Shadow Blur Radius

Enter a value for the width of the shadow radius. You can click the arrow located to the right of the shadow field and select a unit of measurement from the drop-down menu.

Shadow Color

To set the shadow color, click the Shadow Color field and type a hexa color code or click the rounded-edges square icon to open the color picker located to the left (rounded-edges square icon). In the color picker, select a color or enter the hexa or rgba color code.

Type

Attribute that defines whether the component is fixed or variable as part of a container. To set the type, click the arrow and choose an option from the drop-down menu. Select F to indicate a single element or V so that all the elements of the group are added, according to a specific array to be defined.

The default value is F.

Array

Id of the array from which the data is retrieved and displayed on screen. Enter the array number.

Filter

Attribute used to hide or show specific data from the array defined by setting a boolean expression. The filter will be applied if the condition defined in the boolean expression is true. To define a filter, click the field and enter the desired expression.

Value

Text displayed in the row within the data grid component.

Value For Index

Value to index the row to the data grid index.

On Double Click

Action involving clicking or tapping the component twice.

On Click

Action involving clicking or tapping the component.

Alpha

Effect in the component’s transparency or opacity. Enter the value to set the initial opacity of the component before the animation is executed. The value can range from 0 to 1, considering 1 as the value that grants the highest level of transparency.

Rotation

Component's rotation angle. Enter the value to set the component's initial angle of rotation before the animation is executed. The value can go from 0 to 90, and it is expressed in degrees.

Scale

Effect in the component's dimension. Enter the value to set the initial scale of the component before the animation is executed. By default, the scale value is 1, which equals the component’s original size. The value can be any number starting on 1.