<h2>App</h2>
<p>Socks.app(<em>[object style]</em>) { … } → App</p>
<p>App slot is the entry point for Socks applications. App slot behaves like a Flow. An optional style property, <code>title</code> can be set to set the title of the application.</p>
<h3>Methods</h3>
<table style="border:1px solid black;">
<tr>
<td> getTitle() </td>
<td> → </td>
<td> string </td>
<td> Returns the title of an application. </td>
</tr>
<tr>
<td> setTitle(<em>string text</em>) </td>
<td> → </td>
<td> this </td>
<td> Sets the title of an application. </td>
</tr>
<tr>
<td> run(<em>string id | DOMElement element</em>) </td>
<td> → </td>
<td> this </td>
<td> Runs an application and renders the output into a specified element in the <span class="caps">DOM</span>. </td>
</tr>
</table>
<h2>Flow</h2>
<p>flow(<em>[object style]</em>) { … } → Flow</p>
<p>In a flow, elements are placed horizontally. It is equivalent to HBox in many other toolkits.</p>
<h2>Stack</h2>
<p>stack(<em>[object style]</em>) { … } → Stack</p>
<p>In a stack, elements are placed vertically. It is equivalent to VBox in many other toolkits.</p>
<h2>Canvas</h2>
<p>canvas(<em>{width: width, height:height [, other styles ]}</em>) { … } → Canvas</p>
<p>You must explicitly specify width and height in terms of pixels in the style argument in order for canvas to behave correctly.</p>
<h2>Common Methods</h2>
<p>Slots have all Element methods (see [[Elements]]) and the following additional methods:</p>
<h3>Slot Manipulation</h3>
<table style="border:1px solid black;">
<tr>
<td> prepend() { … } </td>
<td> → </td>
<td> this </td>
<td> Inserts elements to the beginning of a slot. </td>
</tr>
<tr>
<td> append() { … } </td>
<td> → </td>
<td> this </td>
<td> Inserts elements to the end of a slot. </td>
</tr>
<tr>
<td> before(Element element | Slot slot) { … } </td>
<td> → </td>
<td> this </td>
<td> Inserts elements to a slot, before the element, which is in the slot. </td>
</tr>
<tr>
<td> after(Element element | Slot slot) { … } </td>
<td> → </td>
<td> this </td>
<td> Inserts elements to a slot, after the element, which is in the slot. </td>
</tr>
<tr>
<td> clear() { … } </td>
<td> → </td>
<td> this </td>
<td> Clears a slot, and optionally, replaces the slot with new elements. </td>
</tr>
</table>
<h3>Events</h3>
<p>See [[Events]].</p>
<h3>Elements</h3>
<p>See [[Controls]], [[Text]] and [[Elements]].</p>
<h3>Timers</h3>
<p>See [[Timer]].</p>
<h3>Miscellaneous</h3>
<table style="border:1px solid black;">
<tr>
<td> abort() </td>
<td> → </td>
<td> this </td>
<td> Kills an application. </td>
</tr>
<tr>
<td> redirect(string uri) </td>
<td> → </td>
<td> this </td>
<td> Redirects to the <span class="caps">URI</span>. </td>
</tr>
</table>
2009-11-27T00:10:29-08:00
185552
slots
76744
Slots
2009-04-24T05:39:34-07:00
30173