Look and Feel Instellingen:
Name(verplicht) - naam van component.
Direction(verplicht) - hoe elementen worden gerangschikt in de container, verticaal of horizontaal. Horizontaal is standaard.
Wrap(verplicht) - wrapping van inhoud wanneer deze buiten de grenzen van de container komt. Nowrap is standaard
Alignment (verplicht) - uitlijning van elementen in een container. Start standaard.
Sizes(verplicht) - afmetingen van de container. In pixels of percentage. Breedte 100% standaard
Max Width (verplicht) - maximale breedte van de container in pixels of percentage. Standaard 100%.
Margin(verplicht) - buitenste streepje. Standaard 0.
Padding(verplicht) - binnenste streepje. 0 standaard Afbeelding, Verloop of Overlay (niet verplicht) - voor achtergrond.
Background color (niet verplicht) - primaire kleur voor achtergrond.
Border(niet verplicht) - instellingen voor de rand van de component.
Visible(verplicht) - maakt de component zichtbaar indien ingeschakeld. Standaard ingeschakeld.
Workflow triggers:
- onCreate- vuurt wanneer het element wordt aangemaakt op de pagina;
- onShow- vuurt wanneer het element zijn status wijzigt naar zichtbaar (weergegeven op de pagina);
- onHide- gaat af wanneer de status van het element verandert in verborgen (wordt niet meer weergegeven);
- onDestroy- Vuurt wanneer het element wordt vernietigd;
- onClick- Vuurt wanneer de component wordt aangeklikt.
Component Acties:
Container get properties
Krijgt de eigenschappen van de container.
Input parameters:
- Component Id [string] - Identifier van de containercomponent.
Uitvoerparameters:
- Width[string] - breedte van components;
- Height[string] - components' hoogte;
- Flex direction [enum] - components' richting;
- Wrap[enum] - wrap van componenten;
- Alignment horizontal [enum] - component's uitlijning door horizontaal;
- Alignment vertical [enum] - component's uitlijning door verticaal;
- Margin[string] - component's marge;
- Padding[string] - component's padding;
- Border[string] - component's border;
- Background color[string] - achtergrondkleur van de component;
- Visible[boolean] - zichtbaarheidsstatus van de component.
Container set properties
Verkrijgt de eigenschappen van de container.
Input parameters:
- Component Id [string] - identifier van de containercomponent.
Uitvoerparameters:
- Width[string] - Components' breedte;
- Height [string] - components' hoogte;
- Flex direction [enum] - components' richting;
- Wrap [enum] - wrap van componenten;
- Alignment horizontal[enum] - Horizontale uitlijning van de component;
- Alignment vertical [enum] - component's uitlijning door verticaal;
- Margin[string] - component's marge;
- Padding[string] - component's padding;
- Border[string] - component's border;
- Background color [string] - achtergrondkleur van de component;
- Visible [boolean] - zichtbaarheidsstatus van de component.
Container update properties
Update de eigenschappen van de container
Input parameters:
- Component Id [string] - container component's identifier;
- Width[string] - component's breedte;
- Height[string] - component's hoogte;
- Flex direction [enum] - components' richting;
- Wrap [enum] - wrap van componenten;
- Alignment horizontal [enum] - de horizontale uitlijning van de component
- Alignment vertica l [enum] - component's uitlijning door verticaal;
- Margin[string] - component's marge;
- Padding[string] - component's padding;
- Border[string] - component's border;
- Border radius [string] - de randradius van de component;
- Background color [string] - achtergrondkleur van de component;
- Visible [boolean] - zichtbaarheidsstatus van de component.
Gebruiksvoorbeeld
Een container kan worden gebruikt om elementen te groeperen. Bijvoorbeeld om een formulier samen te stellen uit verschillende invoervelden:
