Elementary is about displaying its widgets in a nice layout, for this purpose it provides a number of containers.

It\textquotesingle{}s important to note that as containers widgets don\textquotesingle{}t have their own visual identity, so here we show one use for them and a diagram showing their component parts\+: \begin{DoxyItemize}
\item \hyperlink{group__Elm__Gengrid}{Gengrid (Generic grid)}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/gengrid/preview-00}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Genlist}{Genlist (Generic list)}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/genlist/preview-00}}
\end{DoxyImageNoCaption}
  
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{genlist}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Box}{Box}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/box/preview-00}}
\end{DoxyImageNoCaption}
  
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{box}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Conformant}{Conformant}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/conformant/preview-00}}
\end{DoxyImageNoCaption}
  
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{conformant}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Grid}{Grid} \item \hyperlink{group__Elm__Layout}{Layout}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/layout/preview-00}}
\end{DoxyImageNoCaption}
  
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{layout-predefined}}
\end{DoxyImageNoCaption}


\begin{DoxyItemize}
\item \hyperlink{group__Elm__Naviframe}{Naviframe}\end{DoxyItemize}
\begin{DoxyItemize}
\item \hyperlink{group__Elm__Panes}{Panes}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/panes/preview-00}}
\end{DoxyImageNoCaption}
  
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{panes}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Scroller}{Scroller}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/scroller/preview-00}}
\end{DoxyImageNoCaption}
 \begin{DoxyItemize}
\item \hyperlink{group__Elm__Table}{Table}\end{DoxyItemize}
 
\begin{DoxyImageNoCaption}
  \mbox{\includegraphics[width=\textwidth,height=\textheight/2,keepaspectratio=true]{img/widget/table/preview-00}}
\end{DoxyImageNoCaption}


The other two main groups in Elementary are\+: \begin{DoxyItemize}
\item \hyperlink{infralist}{Infrastructure list} -\/ These are modules that deal with Elementary as a whole. \item \hyperlink{widgetslist}{Widget list} -\/ These are the widgets you\textquotesingle{}ll compose your UI out of. \end{DoxyItemize}
