[CLOSED] FormPanel Align right button

  1. #1

    [CLOSED] FormPanel Align right button

    Hi. I'm having some trouble with the alignment of 3 buttons to the bottom-right side of the form panel. My intention was to put these two to the other corner(right) inside the form, but with no success.

    <ext:FormPanel ID="FormPanel1"
                    runat="server"
                    Title="Title"
                    Width="960"
                    BodyPadding="10">
                    <FieldDefaults MsgTarget="Side" />
                    <Items>
                        <ext:GridPanel ID="gridCasino"
                            runat="server"
                            Title="Title"
                            ColumnWidth="0.6"
                            StyleSpec="margin-top:8px;"
                            Height="200">
                                  <%--a lot of code--%>
                        </ext:GridPanel>
    
                        <ext:FieldSet ID="FieldSet1"
                            runat="server"
                            ColumnWidth="0.4"
                            Title="Title"
                            MarginSpec="0 0 0 10"
                            ButtonAlign="Right"
                            PaddingSpec="0 0 3 20">
                                  <%--a lot of code--%>
                        </ext:FieldSet>
    
                        <ext:FieldContainer ID="FieldContainer15"
                            runat="server"
                            Layout="HBoxLayout"
                            ColumnWidth="1"
                            Float="Right"
                            TextAlign="Right">
                            <Items>
                                <%--a lot of code--%>
    <ext:Button ID="BtnNuevo_c" Icon="Add" runat="server" Margin="5" Text="Nuevo">
                                    <Listeners>
                                        <Click Handler="this.up('form').getForm().reset();" />
                                    </Listeners>
                                </ext:Button>
                                <ext:Button ID="Button1" Enabled="false" Icon="BulletDisk" runat="server" Margin="5" Text="Guardar"                                                           OnDirectClick="BtnGuardarCas_new_Click" />
                                <ext:Button ID="BtnExportar_c" Icon="ScriptSave" runat="server" Margin="5" Text="Exportar">
                            </Items>
                        </ext:FieldContainer>
                    </Items>
    
                    <BottomBar>
                        <ext:StatusBar ID="StatusBar2" runat="server" Hidden="true" />
                    </BottomBar>
                    <Listeners>
                        <ValidityChange Handler="this.dockedItems.get(1).setStatus({
                                                         text : valid ? 'Form is valid' : 'Form is invalid'
                                                     });
                                                     #{BtnNuevo_c}.setDisabled(!valid); #{Button1}.setDisabled(!valid);" />
                    </Listeners>
                </ext:FormPanel>
    Any help will be appreciated.
    Last edited by fabricio.murta; Jan 22, 2016 at 6:39 PM. Reason: [CLOSED]
  2. #2
    Hello!

    Maybe adding the buttons in the status bar is what you want?

    Look at this example: Toolbars > Status Bar Overview

    Else, adding an ext:Container with pack="end" may be what you want? HBoxLayout example.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    I tried with the container example and it works!!
    Thank you very much!
  4. #4
    Glad the suggestion helped you!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] FormPanel anchor and label align issues
    By RCN in forum 3.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 25, 2014, 7:23 PM
  2. icon align in custom size button
    By retto in forum 2.x Help
    Replies: 0
    Last Post: Aug 31, 2013, 10:03 AM
  3. [CLOSED] Align formpanel buttons far left / far right
    By CarWise in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 12, 2013, 11:22 AM
  4. How to put button align left tag <Button>?
    By Kai_it in forum 1.x Help
    Replies: 6
    Last Post: Nov 21, 2011, 1:49 AM
  5. How to right align a button?
    By JMan in forum 1.x Help
    Replies: 4
    Last Post: Nov 18, 2008, 12:45 PM

Tags for this Thread

Posting Permissions