\hypertarget{external_elm_panes_8edc-example}{}\doxysection{external\+\_\+elm\+\_\+panes.\+edc}
This example shows EXTERNAL elementary panes in action.

This example shows EXTERNAL 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}
 