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 \mbox{\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 \mbox{\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 \mbox{\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 \mbox{\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 \mbox{\hyperlink{group__Elm__Grid}{Grid}} \item \mbox{\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 \mbox{\hyperlink{group__Elm__Naviframe}{Naviframe}}\end{DoxyItemize}
\begin{DoxyItemize}
\item \mbox{\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 \mbox{\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 \mbox{\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 \mbox{\hyperlink{infralist}{Infrastructure list}} -\/ These are modules that deal with Elementary as a whole. \item \mbox{\hyperlink{widgetslist}{Widget list}} -\/ These are the widgets you\textquotesingle{}ll compose your UI out of. \end{DoxyItemize}
