\hypertarget{external_elm_panes_8edc-example}{}\doxysection{external\+\_\+elm\+\_\+panes.\+edc}
This example shows E\+X\+T\+E\+R\+N\+AL elementary panes in action.


\begin{DoxyCodeInclude}{0}
\DoxyCodeLine{collections \{}
\DoxyCodeLine{   /* tell edje that we are going to use elementary external parts */}
\DoxyCodeLine{   externals \{}
\DoxyCodeLine{      external: "elm";}
\DoxyCodeLine{   \}}
\DoxyCodeLine{   }
\DoxyCodeLine{   /* those groups are the buttons used as content for the panes */}
\DoxyCodeLine{   group \{ name: "button1";}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "btn";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/button";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               params.string: "label" "Left";}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{   group \{ name: "button2";}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "btn";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/button";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               params.string: "label" "Top";}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{   group \{ name: "button3";}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "btn";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/button";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               params.string: "label" "Right";}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{}
\DoxyCodeLine{   /* this is the vertical panes */}
\DoxyCodeLine{   group \{ name: "panes2";}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "panes";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/panes";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               params \{}
\DoxyCodeLine{                  bool: "horizontal" 1;}
\DoxyCodeLine{                  string: "content left" "button2";}
\DoxyCodeLine{                  string: "content right" "button3";}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{   }
\DoxyCodeLine{   group \{ name: "main";}
\DoxyCodeLine{      /* set a min window size */}
\DoxyCodeLine{      min: 300 400;}
\DoxyCodeLine{}
\DoxyCodeLine{      parts \{}
\DoxyCodeLine{         part \{ name: "bg";}
\DoxyCodeLine{            type: RECT;}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               color: 255 255 255 255;}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{}
\DoxyCodeLine{         part \{ name: "title";}
\DoxyCodeLine{            type: TEXT;}
\DoxyCodeLine{            effect: SOFT\_SHADOW;}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               color: 255 255 255 255;}
\DoxyCodeLine{               color3: 70 70 70 70;}
\DoxyCodeLine{               text \{}
\DoxyCodeLine{                  text: "Elementary Panes";}
\DoxyCodeLine{                  font: "Sans";}
\DoxyCodeLine{                  size: 16;}
\DoxyCodeLine{                  align: 0.5 0.0;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{}
\DoxyCodeLine{         /* first panes (horiz) */}
\DoxyCodeLine{         part \{ name: "panes1";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/panes";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               rel1.offset: 0 35;}
\DoxyCodeLine{               rel2.offset: 0 -\/45;}
\DoxyCodeLine{               params \{}
\DoxyCodeLine{                  string: "content left" "button1";}
\DoxyCodeLine{                  string: "content right" "panes2";}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{            description \{ state: "swapped" 0.0;}
\DoxyCodeLine{               inherit: "default" 0.0;}
\DoxyCodeLine{               params \{}
\DoxyCodeLine{                  string: "content left" "panes2";}
\DoxyCodeLine{                  string: "content right" "button1";}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{}
\DoxyCodeLine{         /* button used to swap the content of the panes1 */}
\DoxyCodeLine{         part \{ name: "swap\_button";}
\DoxyCodeLine{            type: EXTERNAL;}
\DoxyCodeLine{            source: "elm/button";}
\DoxyCodeLine{            description \{ state: "default" 0.0;}
\DoxyCodeLine{               rel1 \{}
\DoxyCodeLine{                  relative: 0.0 1.0;}
\DoxyCodeLine{                  offset: 0 -\/40;}
\DoxyCodeLine{               \}}
\DoxyCodeLine{               params \{}
\DoxyCodeLine{                  string: "label" "Swap \& back";}
\DoxyCodeLine{               \}}
\DoxyCodeLine{            \}}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{}
\DoxyCodeLine{      programs \{}
\DoxyCodeLine{         /* when button is pressed set the 'swapped' state */}
\DoxyCodeLine{         program \{ name: "swap";}
\DoxyCodeLine{            signal: "clicked";}
\DoxyCodeLine{            source: "swap\_button";}
\DoxyCodeLine{            action: STATE\_SET "swapped" 0.0;}
\DoxyCodeLine{            target: "panes1";}
\DoxyCodeLine{            after: "go\_back";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{         /* after 1 second return to the 'default' state */}
\DoxyCodeLine{         program \{ name: "go\_back";}
\DoxyCodeLine{            in: 1.0 0.0;}
\DoxyCodeLine{            action: STATE\_SET "default" 0.0;}
\DoxyCodeLine{            target: "panes1";}
\DoxyCodeLine{         \}}
\DoxyCodeLine{      \}}
\DoxyCodeLine{   \}}
\DoxyCodeLine{\}}
\end{DoxyCodeInclude}
 