\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}
 