.. _widgetpedia/elements/layout:

Layout
======

.. toctree::
   :maxdepth: 1
   :hidden:
   :titlesonly:


   bordercontainer
   contentpane
   framepane
   tabcontainer
   stackcontainer
   remote



Qui sono raccolti tutti gli elemenenti che vengono usati per progettare il layout di una pagina, suddivendola in blocchi, eventualmente innestati l'uno nell'altro o in schede sovrapposte.

Gli elementi di layout si dividono essenzialmente in:

* Elementi contenitori ( :ref:`borderContainer<widgetpedia/elements/layout/bordercontainer>` ,  :ref:`tabContainer<widgetpedia/elements/layout/tabcontainer>` ,  :ref:`stackContainer<widgetpedia/elements/layout/stackcontainer>` )
* Elementi pannello ( :ref:`framePane<widgetpedia/elements/layout/framepane>` ,  :ref:`contentPane<widgetpedia/elements/layout/contentpane>` )

Ad ogni elemento di pagina è possibile assegnare l'attributo ``datapath``, ma spesso lo si fa con gli elementi di layout in modo da identificare delle aree logiche anche nel datastore coerentemente con i dati visualizzati sulla pagina.
Così avremo che un contentPane potrà contenere tutti i dati di un record ed ogni widget al suo interno si riferirà a ciascuno di essi con un path relativo.

.. raw:: html

 <hr>

**Parametri:**

+------------------------+------+--------------------------------------------------+
|     Nome parametro     | Tipo |                   Descrizione                    |
+========================+======+==================================================+
|region                  |T     |Permette di assegnare una "region", uguale a      |
|                        |      |"top", "center" o "bottom" per la suddivisione    |
|                        |      |verticale della pagina, "left", "center", o       |
|                        |      |"right" per la suddivisione orizzontale           |
+------------------------+------+--------------------------------------------------+
|splitter                |B     |Se impostato a "True" rende la linea di           |
|                        |      |separazione tra due spazi trascinabile            |
+------------------------+------+--------------------------------------------------+
|datapath                |T     |Permette di assegnare uno specifico datapath da   |
|                        |      |cui leggere e in cui scrivere i dati dei campi    |
|                        |      |interni al contenitore.                           |
+------------------------+------+--------------------------------------------------+
|closable                |B     |Se impostato a True, l'area verrà creata come     |
|                        |      |richiudibile con una linguetta. Alternativamente, |
|                        |      |impostando closable='close', di default al        |
|                        |      |caricamento l'area sarà presentata come chiusa.   |
+------------------------+------+--------------------------------------------------+
|closable\_              |T     |Permette di definire alcuni parametri della       |
|                        |      |linguetta di chiusura (es:                        |
|                        |      |closable_background='green',                      |
|                        |      |closable_transition='2s')                         |
+------------------------+------+--------------------------------------------------+
|                                 *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        |
+------------------------+------+--------------------------------------------------+
|                         *inside TabContainer Parametri*                          |
+------------------------+------+--------------------------------------------------+
|pageName                |T     |                                                  |
+------------------------+------+--------------------------------------------------+