<p>Panes, make it easy to display overlays such as dialogs, popup-menus and pickers.</p>
<blockquote>
<p><strong>Note:</strong> A pane needs to be declared outside the normal view within a rhtml to prevent the pane from becoming visible as soon as the page is loaded.</p>
</blockquote>
<p>Syntax:<br />
<pre><code>
<% view :name_of_pane,
:pane => :pane_type,
:visible => false,
:width => width_of_pane, :height => height_of_pane do %>
content of pane
<% end %>
</code></pre></p>
<p>where</p>
<ul>
<li>:name_of_pane is the name you want to refer to (beware camelCasing: name_of_pane becomes nameOfPane in Javascript)</li>
<li>:pane_type is one of
<ul>
<li>:dialog :: for short dialogs as confirmation dialogs or error messages. Grabs the entire screen.</li>
<li>:panel :: for windows that require some more complicated action from the user, like a Preferences window. Grabs the entire screen.</li>
<li>:picker :: Pickers are semi-modal interfaces used to select some content or set some temporary options. In the web-based UI world, this is often a better way of helping users edit some properties than floating palettes or other “window-like” interfaces.</li>
</ul></li>
<li>visible :: Normally, you should keep this to false.</li>
<li>width_of_pane :: width of the pane window in pixels</li>
<li>height_of_pane :: height of the pane window in pixels</li>
</ul>
<p>The dialog and panel are displayed using the entire browser window and access to the rest of the application is restricted. The picker only takes a small part of the screen (see the sample_controls example in sproutcore-samples).</p>
2008-07-05T02:48:12-07:00
33305
pane_view
18944
Pane_view
2008-09-03T05:47:34-07:00
14616