# Impostare le scelte utente : select boxes e radio button

Come admin, disponi di due componenti che ti permettono di raccogliere le preferenze degli utenti durante la compilazione di un servizio:

* [select boxes](#select-boxes);
* [radio button](#il-radio-button).

## Select boxes

Per permettere all'utente di selezionare una o più opzioni del servizio, trascina nel modulo il componente "Select Boxes"

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FOe8CkUH5jU56HsLBYoTw%2Fimage.png?alt=media&#x26;token=0e17a005-cf30-44f3-b106-cc81b4622241" alt=""><figcaption></figcaption></figure>

Una volta fatto, come per il [componente "Select"](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/la-select), collocati nella sezione "Data" e compila la voce "Data source label" con le opzioni che l'utente dovrà indicare in fase di richiesta, specificando il nome (*label*) e il valore (*value*).

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FJsIHpTEplsqe0A6U71xL%2Fimage.png?alt=media&#x26;token=f1954b6d-a9f5-47bc-ae79-2281ff186353" alt=""><figcaption></figcaption></figure>

## Il radio button

Per far scegliere all'utente una sola opzione tra quelle previste, trascina nel modulo il componente "Radio button".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FPAxQpmJuorunMmnQwlrP%2Fimage.png?alt=media&#x26;token=a2108403-43ba-4af0-8303-88169f22f009" alt=""><figcaption></figcaption></figure>

Una volta fatto, collocati nella sezione "Data" e compila la voce "Data source label" con le opzioni che l'utente dovrà indicare in fase di richiesta, specificando il nome (*label*) e il valore (*value*).

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2F1veL3vYiz1xepAfVEZvW%2Fimage.png?alt=media&#x26;token=fb1360c1-3446-4e7d-9789-9e0b0a10f0ad" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Sia per la checkbox sia per il radio button, i valori indicati nella colonna *value* sono necessari per la gestione delle [relazioni tra componenti](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/le-funzioni/relazione-tra-i-dati-i-conditional).
{% endhint %}
