

.. _sphx_glr_gallery_scene_grid_layout:

Grid Layouts
============

Examples of using the GridWidget to layout elements in a SceneCanvas.

.. raw:: html

.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test automatic layout of multiple viewboxes using Grid.">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple ViewBoxes on a Grid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" +-----+-----+ |     |     | |  1  |  2  | |     |     | +-----+-----+">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_basic_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid_basic`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple use of a grid layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="::">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_holed_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid_holed`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Test automatic layout of multiple viewboxes using Grid.">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_large_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid_large`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multiple Line Views on a Grid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="+-----+-----+-----+ |  1  |  2  |  2  | +-----+-----+-----+ |  3  |  3  |  4  | +-----+-----+-----+">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_uneven_col_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid_uneven_col`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Another Grid Layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="+----+-------------+ |    |             | | y  |   viewbox   | |    |             | +----+-------------+ | sp |     x       | +----+-------------+">

.. only:: html

  .. image:: /gallery/scene/grid_layout/images/thumb/sphx_glr_grid_x_y_viewbox_thumb.png
    :alt:

  :doc:`/gallery/scene/grid_layout/grid_x_y_viewbox`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Plot-like Grid Layout</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /gallery/scene/grid_layout/grid
   /gallery/scene/grid_layout/grid_basic
   /gallery/scene/grid_layout/grid_holed
   /gallery/scene/grid_layout/grid_large
   /gallery/scene/grid_layout/grid_uneven_col
   /gallery/scene/grid_layout/grid_x_y_viewbox

