What's New?

[CLOSED] spacing

  1. #1
    Nov 16, 2012, 2:35 PM

    [CLOSED] spacing

    I need some left padding and spacing between the controls to be added to the folliwng code:

    I have tried all possible attributes but can't seem to get it to work:
    <ext:Panel ID="Panel1" runat="server" Title="Create From Database" Padding="15" Height="200">
                    <Content>
                        <ext:Container ID="but1" runat="server" ColumnWidth=".33" LabelAlign="Top">
                            <Items>
                                <ext:Button ID="db" Icon="ServerDatabase" Text="Create From Database" Cls="formButton"
                                    runat="server" />
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container1" runat="server" LabelAlign="Top" ColumnWidth=".33">
                            <Items>
                                <ext:MultiCombo ID="MultiCombo1" runat="server" SelectionMode="All" Width="260">
                                    <Items>
                                        <ext:ListItem Text="Select Fund(s):" Value="0" />
                                        <ext:ListItem Text="F1" Value="1" />
                                        <ext:ListItem Text="F2" Value="2" />
                                    </Items>
                                    <SelectedItems>
                                        <ext:ListItem Value="0" />
                                    </SelectedItems>
                                </ext:MultiCombo>
                            </Items>
                        </ext:Container>
                        <ext:Container ID="Container2" runat="server" ColumnWidth=".33" LabelAlign="Top">
                            <Items>
                                <ext:Button ID="Button1" Icon="Disk" Text="Save" Cls="formButton"
                                    runat="server" />
                            </Items>
                        </ext:Container>
                    </Content>
                    <Buttons>
                        <ext:Button ID="btnPrev" runat="server" Text="Prev" Disabled="true" Icon="PreviousGreen"
                            Cls="formButton">
                            <DirectEvents>
                                <Click>
                                    <ExtraParams>
                                        <ext:Parameter Name="index" Value="#{WizardPanel}.items.indexOf(#{WizardPanel}.layout.activeItem)"
                                            Mode="Raw" />
                                    </ExtraParams>
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:Button ID="btnNext" runat="server" Text="Next" Icon="NextGreen" Cls="formButton">
                            <DirectEvents>
                                <Click>
                                    <ExtraParams>
                                        <ext:Parameter Name="index" Value="#{WizardPanel}.items.indexOf(#{WizardPanel}.layout.activeItem)"
                                            Mode="Raw" />
                                    </ExtraParams>
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                    </Buttons>
                </ext:Panel>
    Attached Thumbnails Click image for larger version.  Name: spacing.jpg  Views: 85  Size: 30.3 KB  ID: 5112  
    Last edited by geoffrey.mcgill; Nov 16, 2012 at 8:26 PM. Reason: [CLOSED]
  2. #2
    Nov 16, 2012, 3:37 PM
    Hi @otouri,

    Please provide a mockup of the required layout. We will suggest a solution.
  3. #3
    Nov 16, 2012, 3:59 PM

    mockup

    Attached is the original layout with the dropdowm being a multiselect dropdown. I also need to add some spacing between the controls and left table border
    Attached Thumbnails Click image for larger version.  Name: spacingmockup.jpg  Views: 85  Size: 32.5 KB  ID: 5116  
  4. #4
    Nov 16, 2012, 4:37 PM
    Thank you.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        
        <ext:Panel 
            runat="server" 
            Title="Title" 
            BodyPadding="10" 
            Layout="VBoxLayout">
            <Items>
                <ext:Button runat="server" Text="Button 1" />
                <ext:ComboBox runat="server" Margins="10 0 10 0" />
                <ext:Button runat="server" Text="Button 2" />
            </Items>
        </ext:Panel>
    </form>
</body>
</html>
  5. #5
    Nov 16, 2012, 8:00 PM

    works

    It works great you may close the ticket.
    Thank you for your help

Similar Threads

  1. [CLOSED] spacing buttons in buttongroup
    By gets_gui in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 08, 2012, 4:04 PM
  2. PagingToolbar spacing for Right menu item
    By cwolcott in forum 2.x Help
    Replies: 1
    Last Post: Mar 20, 2012, 6:54 PM
  3. [CLOSED] Container Spacing
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 19, 2010, 8:12 PM
  4. [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
  5. TableLayout and cellpadding/spacing
    By houdatahbaz in forum 1.x Help
    Replies: 1
    Last Post: Jan 23, 2009, 7:17 AM

Posting Permissions