# Radio grupa - RadioGroup

Grupa jednokrotnego wyboru wartości

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FgZEe3wgHQssACFLonHLT%2Fimage.png?alt=media&#x26;token=4b13f033-7c15-4359-81ac-0455bf3dfa03" alt=""><figcaption></figcaption></figure>

## Właściwości komponentu

| Właściwość Eximee Designer                                                                        | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                                                                                               |
| ------------------------------------------------------------------------------------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Tytuł</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                 | title                   | Tytuł radio grupy. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                |
| <p><strong>Reprezentacja graficzna komponentu</strong><br>(sekcja <strong>Pozostałe</strong>)</p> | presentation            | Reprezentacja graficzna komponentu (do wyboru wartości **STANDARD** oraz **SELECT**). Wartość **STANDARD** określa standardowy wygląd komponentu. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach. |

> Więcej informacji o właściwościach komponentu: [Wspólne właściwości komponentów](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

## Komponenty wewnętrzne

Wewnątrz komponentu **Radio grupa** można osadzać dwa rodzaje komponentów: **Text** (etykiety tekstowe) i **Radio** (komponenty jednokrotnego wyboru). Sposób układania komponentów wewnątrz **Radio grupy** można określić za pomocą layoutu, analogicznie jak układ komponentów na stronie czy w sekcji.

{% hint style="warning" %}
Uwaga! dynamiczna Radio grupa ma zawsze layout jednokolumnowy.
{% endhint %}

## Parametry wejściowe komponentu

| Parametr  | Opis                                                                                                                              |
| --------- | --------------------------------------------------------------------------------------------------------------------------------- |
| **value** | Wartość jaką przyjmuje wybrane pole **Radio**.                                                                                    |
| **text**  | Etykieta tekstowa pola **Radio**. Możliwe odwołanie się do zmiennych lub pól np.: *${sessionVariableName}* lub *${GesTextField1}* |

## Zasilenie zewnętrznym źródłem danych

Komponent **Radio grupa** można zasilić danymi z zewnętrznego źródła danych.

* Dla źródła typu **SERVICE** - można np. wybrać usługę wyświetlającą w radio sformatowany tekst i grafikę z artefaktu Treść (TextContent) - w tym celu należy skorzystać z usługi **TextContentService**.
* Dla źródła typu **DICTIONARY** - wszystkie wiersze zostaną przetłumaczone na pola **Radio** i ułożone zgodnie z układem **GridLayout**, każde pole **Radio** w kolejnym wierszu.

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FQvnfbzlCmEM5xG07InAm%2Fimage.png?alt=media&#x26;token=5a401946-58b5-426e-bc42-586de953fd2f" alt=""><figcaption><p align="center"><em><strong>Ilustracja 1.</strong> Wygląd komponentu na wniosku</em></p></figcaption></figure>

{% hint style="info" %}
Wniosek demo: demoRadioGroup
{% endhint %}

{% hint style="info" %}
♿WCAG: [Dobre praktyki WCAG dla low-code dev](https://docs.eximee.com/budowanie-aplikacji/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki)
{% endhint %}