Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The <code>.Vertical</code> property is used in conjunction with the <code>.ColumnsNumber</code> property. Setting <code>Vertical="true"</code> affects how the Items are distributed in the Columns during Render. </p> <p>From the ExtJS docs:</p> <p><a href="http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.RadioGroup-cfg-vertical" rel="nofollow">Ext.form.RadioGroup</a></p> <blockquote> <p>True to distribute contained controls across columns, completely filling each column top to bottom before starting on the next column. The number of controls in each column will be automatically calculated to keep columns as even as possible. The default value is false, so that controls will be added to columns one at a time, completely filling each row left to right before starting on the next row.</p> </blockquote> <p>The following simple diagrams demonstrate the difference in the ordering of Items within the Columns. </p> <pre><code>// ColumnsNumber="2" // Vertical="false" &lt;-- default value 1 6 2 7 3 8 4 9 5 // ColumnsNumber="2" // Vertical="true" 1 2 3 4 5 6 7 8 9 </code></pre> <p>Here's a full sample demonstrating use of the <code>.ColumnsNumber</code> and <code>.Vertical</code> properties. </p> <p><strong>Example</strong></p> <pre><code>&lt;%@ Page Language="C#" %&gt; &lt;%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head runat="server"&gt; &lt;title&gt;Ext.NET Examples&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form runat="server"&gt; &lt;ext:ResourceManager runat="server" /&gt; &lt;ext:Panel runat="server" Title="Example" Width="350" Height="215" Padding="5"&gt; &lt;Items&gt; &lt;ext:RadioGroup runat="server" ColumnsNumber="2" Vertical="true"&gt; &lt;Items&gt; &lt;ext:Radio runat="server" BoxLabel="Purple" /&gt; &lt;ext:Radio runat="server" BoxLabel="Yellow" /&gt; &lt;ext:Radio runat="server" BoxLabel="Green" /&gt; &lt;ext:Radio runat="server" BoxLabel="Blue" /&gt; &lt;ext:Radio runat="server" BoxLabel="Red" /&gt; &lt;ext:Radio runat="server" BoxLabel="Orange" /&gt; &lt;ext:Radio runat="server" BoxLabel="Black" /&gt; &lt;/Items&gt; &lt;/ext:RadioGroup&gt; &lt;/Items&gt; &lt;/ext:Panel&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Hope this helps.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload