Kontener

Ustawienia wyglądu i działania:

Name (obowiązkowe) - nazwa komponentu.

Direction (obowiązkowe) - sposób ułożenia elementów wewnątrz kontenera, pionowo lub poziomo. Poziomo jest domyślnie.

Wrap (mandatory) - zawijanie treści, gdy wykracza ona poza granice kontenera. Nowrap by default

Alignment (obowiązkowy) - wyrównanie elementów w kontenerze. Start by default.

Sizes (mandatory) - wymiary kontenera. W pikselach lub w procentach. Width 100% by default

Max Width (obowiązkowe) - maksymalna szerokość kontenera w pikselach lub procentach. 100% domyślnie.

Margin (obowiązkowe) - tiret zewnętrzne. 0 domyślnie.

Padding (obowiązkowe) - tiret wewnętrzne. 0 domyślnie Obraz, Gradient lub Nakładka (nieobowiązkowe) - dla tła.

Background color (nie obowiązkowe) - kolor podstawowy dla tła.

Border (nie obowiązkowe) - ustawienia obramowania komponentu.

Visible (obowiązkowo) - sprawia, że komponent jest widoczny, jeżeli jest włączony. Domyślnie włączony.

Wyzwalacze przepływu pracy:

• onCreate - odpala się, gdy element jest tworzony na stronie;
• onShow - wywołuje się, gdy element zmienia swój stan na widoczny (wyświetlany na stronie);
• onHide - odpala się, gdy element zmienia swój stan na ukryty (przestaje być wyświetlany);
• onDestroy - zostanie wywołany, gdy element zostanie zniszczony;
• onClick - zostanie wywołany po kliknięciu na komponent.

Component Actions:

Container get properties

Gets the container's properties.

Parametrywejściowe :

• Component Id [string] - identyfikator komponentu kontenera.

Parametry wyjściowe :

• Width [string] - szerokość komponentów;
• Height [string] - wysokość komponentów;
• Flex direction [enum] - kierunek komponentów;
• Wrap [enum] - zawijanie komponentów;
• Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
• Alignment vertical [enum] - wyrównanie komponentu w pionie;
• Margin [string] - margines komponentu;
• Padding [string] - padding komponentu;
• Border [string] - obramowanie komponentu;
• Background color [string] - kolor tła komponentu;
• Visible [boolean] - stan widoczności komponentu.

Container set properties

Pobiera właściwości kontenera.

Parametrywejściowe :

• Component Id [string] - identyfikator komponentu kontenera.

Parametry wyjściowe :

• Width [string] - szerokość komponentów;
• Height [string] - wysokość komponentów;
• Flex direction [enum] - kierunek komponentów;
• Wrap [enum] - zawijanie komponentów;
• Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
• Alignment vertical [enum] - wyrównanie komponentu w pionie;
• Margin [string] - margines komponentu;
• Padding [string] - padding komponentu;
• Border [string] - obramowanie komponentu;
• Background color [string] - kolor tła komponentu;
• Visible [boolean] - stan widoczności komponentu.

Container update properties

Aktualizacja właściwości kontenera

Parametrywejściowe :

• Component Id [string] - identyfikator komponentu container;
• Width [string] - szerokość komponentów;
• Height [string] - wysokość komponentów;
• Flex direction [enum] - kierunek komponentów;
• Wrap [enum] - zawijanie komponentów;
• Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
• Alignment vertical [enum] - wyrównanie komponentu w pionie;
• Margin [string] - margines komponentu;
• Padding [string] - padding komponentu;
• Border [string] - obramowanie komponentu;
• Border radius [string] - promień obramowania komponentu;
• Background color [string] - kolor tła komponentu;
• Visible [boolean] - stan widoczności komponentu.

Przykład użycia.

Kontener może być użyty do grupowania elementów. Na przykład, aby złożyć formularz z kilku różnych pól wejściowych: