.. _widgetpedia/elements/gnrwidgets/flexbox:

flexbox
=======




*Flexbox* è un widget che permette di creare un elemento html di tipo ``flex`` in Genropy. 

.. raw:: html

 <div class="gnrexamplebox">
            <a class="gnrexamplebox_title" onclick='gnrExampleIframe(this.nextElementSibling,{"height": 200, "width": "100%", "examples_root": "https://dev.genropy.org/webpages/docu_examples", "examples_root_local": "", "example_folder": "widgetpedia/elements/gnrwidgets/flexbox", "parsstring": "?_source_viewer=stack&_source_toolbar=f&cm_theme=night", "example_label": "Esempio ", "example_name": "flexbox"} );'>
                Esempio 
            </a>
            <div></div>
        </div> 
        

.. raw:: html

 <hr>

**Parametri:**

+------------------------+------+--------------------------------------------------+
|     Nome parametro     | Tipo |                   Descrizione                    |
+========================+======+==================================================+
|direction               |T     |Equivale al parametro CSS "flex-direction", e     |
|                        |      |permette di specificare come disporre gli elementi|
|                        |      |della flexbox (es: direction='row')               |
+------------------------+------+--------------------------------------------------+
|wrap                    |T     |Equivale al parametro CSS "flex-wrap", e permette |
|                        |      |di specificare il comportamento degli elementi    |
|                        |      |della flexbox su più righe (es: wrap='nowrap')    |
+------------------------+------+--------------------------------------------------+
|align_content           |T     |Equivale al parametro CSS "align-content", e      |
|                        |      |permette di specificare come gestire lo spazio tra|
|                        |      |gli elementi della flexbox rispetto all'asse      |
|                        |      |orizzontale (es: align_content='space-between')   |
+------------------------+------+--------------------------------------------------+
|justify_content         |T     |Equivale al parametro CSS "justify-content", e    |
|                        |      |permette di specificare come gestire lo spazio tra|
|                        |      |gli elementi della flexbox rispetto all'asse      |
|                        |      |verticale (es: justify_content='space-around')    |
+------------------------+------+--------------------------------------------------+
|align_items             |T     |Equivale al parametro CSS "align-items", e        |
|                        |      |permette di specificare come disporre gli elementi|
|                        |      |della flexbox rispetto all'asse orizzontale (es:  |
|                        |      |align_items='center')                             |
+------------------------+------+--------------------------------------------------+
|justify_items           |T     |Equivale al parametro CSS "justify-items", e      |
|                        |      |permette di specificare come disporre gli elementi|
|                        |      |della flexbox rispetto all'asse orizzontale (es:  |
|                        |      |justify_items='stretch')                          |
+------------------------+------+--------------------------------------------------+
|                                 *Html Parametri*                                 |
+------------------------+------+--------------------------------------------------+
|_class                  |T     |Permette di assegnare una specifica classe CSS al |
|                        |      |widget                                            |
+------------------------+------+--------------------------------------------------+
|height                  |T     |Permette di assegnare un'altezza al widget        |
+------------------------+------+--------------------------------------------------+
|width                   |T     |Permette di assegnare una larghezza al widget     |
+------------------------+------+--------------------------------------------------+
|border                  |T     |Permette di assegnare un bordo al widget          |
+------------------------+------+--------------------------------------------------+
|rounded                 |L     |Permette di assegnare un arrotondamento al widget |
+------------------------+------+--------------------------------------------------+
|style                   |T     |Permette di assegnare uno stile (da esprimersi    |
|                        |      |come serie di attributi CSS) al widget            |
+------------------------+------+--------------------------------------------------+
|background              |T     |Permette di assegnare uno sfondo al widget        |
+------------------------+------+--------------------------------------------------+

.. sectionauthor:: Davide Paci