.. _sphx_glr_11_demos_itom_ui_dynamicLayout:

.. _gallery_uidynamic_label:

User interface dynamic layouts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



.. raw:: html

    <div class="sphx-glr-thumbnails">


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Horizontal Box Layout">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_hboxlayout_thumb.png
    :alt: Horizontal Box Layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_hboxlayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Horizontal Box Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Main form">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_mainForm_thumb.png
    :alt: Main form

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_mainForm.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Main form</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a form layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_dynamicFormLayout_thumb.png
    :alt: Dynamic form layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_dynamicFormLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dynamic form layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a form layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_multiplePlotsInHorizontalLayout_thumb.png
    :alt: Multiple plots in horizontal layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_multiplePlotsInHorizontalLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple plots in horizontal layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example for dynamically changing the content of a grid layout.">

.. only:: html

  .. image:: /11_demos/itom/ui_dynamicLayout/images/thumb/sphx_glr_demo_dynamicGridLayout_thumb.png
    :alt: Dynamic grid layout

  :ref:`sphx_glr_11_demos_itom_ui_dynamicLayout_demo_dynamicGridLayout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dynamic grid layout</div>
    </div>


.. raw:: html

    </div>


.. toctree::
   :hidden:

   /11_demos/itom/ui_dynamicLayout/demo_hboxlayout
   /11_demos/itom/ui_dynamicLayout/demo_mainForm
   /11_demos/itom/ui_dynamicLayout/demo_dynamicFormLayout
   /11_demos/itom/ui_dynamicLayout/demo_multiplePlotsInHorizontalLayout
   /11_demos/itom/ui_dynamicLayout/demo_dynamicGridLayout