# Widget

I widget sono componenti predefiniti che presentano una serie di funzioni aggiuntive a un modulo, che possono andare da filtri ad operazioni di gestione interna dei record. E' possibile visualizzarli nella parte alta della pagina.

<figure><img src="https://966958917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZsjjMPIXBBaW8bd80O7%2Fuploads%2F6Yo0YwF327Je76bJ7ygn%2Fimmagine.png?alt=media&#x26;token=ba8d7dcb-aaae-487e-a7cf-37304e7cdb10" alt=""><figcaption></figcaption></figure>

## 🎛️ **Gestione dei widget**

E' possibile spostare un widget cliccando su di esso e trascinandolo attraverso un'azione *drag\&drop.*

Per procedere a disabilitarlo invece, basterà cliccare sulla X nell'angolo in alto a destra dello stesso.

![](https://966958917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZsjjMPIXBBaW8bd80O7%2Fuploads%2F2KAe2HqZ5kujyLuwU2CM%2Fimmagine.png?alt=media)

### Dimensione widget

La dimensione di default dei widget è configurabile da Strumenti/Impostazioni/Generali, alla voce **Dimensione widget predefinita:**

<figure><img src="https://966958917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZsjjMPIXBBaW8bd80O7%2Fuploads%2FpPjrS8D54RYdsu1ZFHjs%2Fimmagine.png?alt=media&#x26;token=d9618fdc-e3c5-4b0d-b7b4-d7c8bdb3efb0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Ricordando che bootstrap prevede un numero di celle totali pari a 12 per riga, volendo ad esempio impostare il numero di widget per riga pari a 6, sarà sufficiente impostare come dimensione predefinita "col-md-2".
{% endhint %}

Tuttavia è possibile forzare la dimensione dei vari widget da Strumenti/Stato dei servizi, per impostare dimensioni personalizzate:

<figure><img src="https://966958917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZsjjMPIXBBaW8bd80O7%2Fuploads%2FyqBbwHB8GC1Euw46CtgI%2Fimmagine.png?alt=media&#x26;token=528a63bd-630c-402b-aaaf-bb6fc0be90a4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://966958917-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBZsjjMPIXBBaW8bd80O7%2Fuploads%2FExg2UZgZ3v5yL4KA0Y0P%2Fimmagine.png?alt=media&#x26;token=663f8c5a-fb34-44f7-8e11-6042a38cb852" alt=""><figcaption></figcaption></figure>

I valori corrispondenti alle impostazioni sono:

* Piccolo: col-md-3
* Medio: col-md-4
* Grande: col-md-6
* Molto grande: col-md-12