<html>
<head>
<title>Edje: external_elm_panes.edc</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="author" content="Andres Blanc" >
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="icon" href="img/favicon.png" type="image/ico">
<link rel="shortcut icon" href="img/favicon.png" type="image/ico">
<link rel="stylesheet" type="text/css" href="e.css">
<link rel="stylesheet" type="text/css" href="edoxy.css">
</head>
<body>
<div id="container">
<div id="header">
<div class="layout">
<h1><span>Enlightenment</span></h1>
<h2><span>Beauty at your fingertips</span></h2>
<table cellspacing="0" cellpadding="0" width="100%"><tr>
<td id="header_logo">
<a href="http://www.enlightenment.org"></a>
</td>
<td id="header_menu">
<table cellspacing="0" cellpadding="0" align="right"><tr>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=home">Home</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=news">News</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=about">About</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=download">Download</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=support">Support</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contribute">Contribute</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contact">Contact</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://trac.enlightenment.org/e">Tracker</a></td>
<td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=docs">Docs</a></td>
</tr></table>
</td>
<td id="header_last"></td>
</tr></table>
<div class="doxytitle">
Edje Documentation <small>at Tue Feb 8 2011</small>
</div>
<div class="menu-container">
<div class="submenu">
<ul class="current">
<li><a href="files.html">Files</a></li>
<li><a href="Edje__Edit_8h.html">Edje Edit API</a></li>
<li><a href="examples.html">Examples</a></li>
<li><a href="luaref.html">LUA scripting</a></li>
<li><a href="Edje_8h.html">Edje API</a></li>
<li><a href="edcref.html">EDC Reference</a></li>
<li class="current"><a href="index.html">Main Page</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="content">
<div class="layout">
<!-- Generated by Doxygen 1.7.3 -->
</div>
<div class="header">
<div class="headertitle">
<h1>external_elm_panes.edc</h1> </div>
</div>
<div class="contents">
<p>This example show EXTERNAL elementary panes in action.</p>
<div class="fragment"><pre class="fragment">collections {
<span class="comment">/* tell edje that we are going to use elementary external parts */</span>
externals {
external: <span class="stringliteral">"elm"</span>;
}
<span class="comment">/* those groups are the buttons used as content for the panes */</span>
group { <a name="a0"></a><a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"button1"</span>;
parts {
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"btn"</span>;
<a name="a1"></a><a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/button"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
params.string: <span class="stringliteral">"label"</span> <span class="stringliteral">"Left"</span>;
}
}
}
}
group { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"button2"</span>;
parts {
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"btn"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/button"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
params.string: <span class="stringliteral">"label"</span> <span class="stringliteral">"Top"</span>;
}
}
}
}
group { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"button3"</span>;
parts {
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"btn"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/button"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
params.string: <span class="stringliteral">"label"</span> <span class="stringliteral">"Right"</span>;
}
}
}
}
<span class="comment">/* this is the vertical panes */</span>
group { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"panes2"</span>;
parts {
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"panes"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/panes"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
params {
<span class="keywordtype">bool</span>: <span class="stringliteral">"horizontal"</span> 1;
<span class="keywordtype">string</span>: <span class="stringliteral">"content left"</span> <span class="stringliteral">"button2"</span>;
<span class="keywordtype">string</span>: <span class="stringliteral">"content right"</span> <span class="stringliteral">"button3"</span>;
}
}
}
}
}
group { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"main"</span>;
<span class="comment">/* set a min window size */</span>
min: 300 400;
parts {
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"bg"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: RECT;
description { state: <span class="stringliteral">"default"</span> 0.0;
color: 255 255 255 255;
}
}
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"title"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: TEXT;
effect: SOFT_SHADOW;
description { state: <span class="stringliteral">"default"</span> 0.0;
color: 255 255 255 255;
color3: 70 70 70 70;
text {
text: <span class="stringliteral">"Elementary Panes"</span>;
font: <span class="stringliteral">"Sans"</span>;
size: 16;
align: 0.5 0.0;
}
}
}
<span class="comment">/* first panes (horiz) */</span>
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"panes1"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/panes"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
rel1.offset: 0 35;
rel2.offset: 0 -45;
params {
<span class="keywordtype">string</span>: <span class="stringliteral">"content left"</span> <span class="stringliteral">"button1"</span>;
<span class="keywordtype">string</span>: <span class="stringliteral">"content right"</span> <span class="stringliteral">"panes2"</span>;
}
}
description { state: <span class="stringliteral">"swapped"</span> 0.0;
inherit: <span class="stringliteral">"default"</span> 0.0;
params {
<span class="keywordtype">string</span>: <span class="stringliteral">"content left"</span> <span class="stringliteral">"panes2"</span>;
<span class="keywordtype">string</span>: <span class="stringliteral">"content right"</span> <span class="stringliteral">"button1"</span>;
}
}
}
<span class="comment">/* button used to swap the content of the panes1 */</span>
part { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"swap_button"</span>;
<a class="code" href="edje__data_8c.html#a0dae2edc8bfd2bedabfa38415c35f3ec">type</a>: EXTERNAL;
source: <span class="stringliteral">"elm/button"</span>;
description { state: <span class="stringliteral">"default"</span> 0.0;
rel1 {
relative: 0.0 1.0;
offset: 0 -40;
}
params {
<span class="keywordtype">string</span>: <span class="stringliteral">"label"</span> <span class="stringliteral">"Swap & back"</span>;
}
}
}
}
programs {
<span class="comment">/* when button is pressed set the 'swapped' state */</span>
program { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"swap"</span>;
signal: <span class="stringliteral">"clicked"</span>;
source: <span class="stringliteral">"swap_button"</span>;
action: STATE_SET <span class="stringliteral">"swapped"</span> 0.0;
target: <span class="stringliteral">"panes1"</span>;
after: <span class="stringliteral">"go_back"</span>;
}
<span class="comment">/* after 1 second return to the 'default' state */</span>
program { <a class="code" href="edje__data_8c.html#a8f8f80d37794cde9472343e4487ba3eb">name</a>: <span class="stringliteral">"go_back"</span>;
in: 1.0 0.0;
action: STATE_SET <span class="stringliteral">"default"</span> 0.0;
target: <span class="stringliteral">"panes1"</span>;
}
}
}
}
</pre></div> </div>
</div>
<div id="push"></div>
</div> <!-- #content -->
</div> <!-- .layout -->
</div> <!-- #container -->
<div id="footer">
<table><tr>
<td class="copyright">Copyright ©2011 Enlightenment</td>
<td class="generated">Docs generated Tue Feb 8 2011 17:28:42</td>
</tr></table>
</div>
</body>
</html>
