[CLOSED] Container Spacing

  1. #1

    [CLOSED] Container Spacing

    hi, i have layout as such...
    There is a space between the combo and multi-select.
    How can I decrease that space?

    
          <ext:Container ID="Container5" runat="server" Layout="Column" Height="250">
                    <Items>
                        <ext:Container ID="Container6" runat="server" LabelAlign="Top" Layout="Form"  ColumnWidth=".3">
                            <Items>
                                <ext:ComboBox ID="ComboBox1" runat="server" AllowBlank="true" BlankText="Type to search"
                                    StyleSpec="background:#fff  url('../../extnet/icons/magnifier.png') no-repeat right;"
                                    EmptyText="Attendees" LabelAlign="Right"   DisplayField="Name"
                                    ValueField="Url" TypeAhead="false" LoadingText="Searching..." Width="250" Height="200"
                                    HideTrigger="true" ItemSelector="div.search-item" MinChars="1">
                                    <Template ID="Template1" runat="server">
                                        <Html>
                                            <tpl for=".">
                                                              <div class="search-item">  
                                                                <img src="../../images/{Image}" />{Name}  
                                                              </div></tpl>
                                        </Html>
                                    </Template>
                                    <ToolTips>
                                        <ext:ToolTip ID="ToolTip1" runat="server" Title="Directions" Html="If you want to find all contacts within a company, simply type *companyname. <BR/>For example '*Perella' will return all employees of Perella Weinberg" />
                                    </ToolTips>
                                    
                                </ext:ComboBox>
                                <ext:MultiSelect ID="msAttendees" StoreID="attendeesSelected" DisplayField="text"
                                    ValueField="value" runat="server" Width="250" AutoHeight="true" SortField="text"
                                    AllowDuplicates="false" KeepSelectionOnClick="WithCtrlKey">
                                    <Items>
                                    </Items>
                                    <BottomBar>
                                        <ext:Toolbar ID="Toolbar3" runat="server">
                                            <Items>
                                                <ext:Button runat="server" ID="btRemoveAllAttendees" Icon="delete" Text="Remove All">
                                                     
                                                </ext:Button>
                                                <ext:Button runat="server" ID="Button1212" Icon="decline" Text="Remove Selected">
                                                   
                                                </ext:Button>
                                            </Items>
                                        </ext:Toolbar>
                                    </BottomBar>
                                </ext:MultiSelect>
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container7" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".3">
                            <Items>
                                <ext:ComboBox ID="ComboBox3" runat="server" AllowBlank="true" BlankText="Type to search"
                                    StyleSpec="background:#fff  url('../../extnet/icons/magnifier.png') no-repeat right;"
                                    EmptyText="Linked Entities" LabelAlign="Right"   DisplayField="Name"
                                    ValueField="Url" TypeAhead="false" LoadingText="Searching..." Width="250" Height="200"
                                    HideTrigger="true" ItemSelector="div.search-item" MinChars="1">
                                    <Template ID="Template3" runat="server">
                                        <Html>
                                            <tpl for=".">
                                                              <div class="search-item">
                                                                <img src="../../images/{Image}" />{Name}  
                                                              </div></tpl>
                                        </Html>
                                    </Template>
                                     
                                </ext:ComboBox>
                                <ext:MultiSelect ID="MultiSelect1" StoreID="selectedColumns" DisplayField="text"
                                    ValueField="value" runat="server" Width="250" AutoHeight="true" KeepSelectionOnClick="WithCtrlKey">
                                    <Items>
                                    </Items>
                                    <BottomBar>
                                        <ext:Toolbar ID="Toolbar5" runat="server">
                                            <Items>
                                                <ext:Button runat="server" ID="Button5" Icon="delete" Text="Remove All">
                                                   
                                                </ext:Button>
                                                <ext:Button runat="server" ID="Button6" Icon="decline" Text="Remove Selected">
                                                     
                                                </ext:Button>
                                            </Items>
                                        </ext:Toolbar>
                                    </BottomBar>
                                </ext:MultiSelect>
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container8" runat="server" LabelAlign="Top" Layout="Form" ColumnWidth=".3">
                            <Items>
                                <ext:ComboBox ID="cmboCCEmails" runat="server" AllowBlank="true" BlankText="Type to search"
                                    EmptyText="CC Emails" StoreID="userStore" DisplayField="text" ValueField="value"
                                    Width="250" Height="200" LabelAlign="Right" HideTrigger="false">
                                     
                                </ext:ComboBox>
                                <ext:MultiSelect ID="msCCEmails" StoreID="ccEmailSelected" DisplayField="text" ValueField="value"
                                    runat="server" Width="250" AutoHeight="true" SortField="text" AllowDuplicates="false"
                                    KeepSelectionOnClick="WithCtrlKey">
                                    <Items>
                                    </Items>
                                    <BottomBar>
                                        <ext:Toolbar ID="Toolbar4" runat="server">
                                            <Items>
                                                <ext:Button runat="server" ID="Button3" Icon="delete" Text="Remove All">
                                                    
                                                </ext:Button>
                                                <ext:Button runat="server" ID="Button4" Icon="decline" Text="Remove Selected">
                                                    
                                                </ext:Button>
                                            </Items>
                                        </ext:Toolbar>
                                    </BottomBar>
                                </ext:MultiSelect>
                            </Items>
                        </ext:Container>
                    </Items>
                </ext:Container>
    Last edited by Daniil; Oct 21, 2010 at 2:19 PM. Reason: [CLOSED]
  2. #2
    Hi rthiney,

    The LabelAlign="top" causes the issue. It reserves some space for FieldLabel.
    You could wrap the MultiSelect control in a Container.

    Example
    <ext:Container runat="server">
        <Items>
            <ext:MultiSelect ID="msAttendees" ...>
                ...
            </ext:MultiSelect>
        </Items>
    </ext:Container>
    To hide FieldLabels of all container's fields please use the container's HideLabels property.

Similar Threads

  1. [CLOSED] Increase spacing between items in grouptabpanel
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 16, 2011, 1:25 PM
  2. [CLOSED] Form Layout Spacing in IIS
    By CMA in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Oct 14, 2010, 8:16 AM
  3. [CLOSED] How to :Cell spacing in dynamic TableLayout
    By Hari_CSC in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 15, 2010, 3:27 AM
  4. [CLOSED] Spacing requirements inside Panel
    By jsemple in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 27, 2009, 11:22 AM
  5. TableLayout and cellpadding/spacing
    By houdatahbaz in forum 1.x Help
    Replies: 1
    Last Post: Jan 23, 2009, 7:17 AM

Posting Permissions