What's New?

How to put a button inside of a Form's body

  1. #1
    Feb 03, 2009, 3:21 PM

    How to put a button inside of a Form's body

    Hi all,

    Sometimes I need a button inside the form's body so using "plain" extjs I wrap the button inside a container and I position it normally (absolute layout), e.x.

        xtype:'container'
    ,x:597
    ,y:20
    ,autoEl:{}
    ,items:[{
        xtype:'button'
        ,text:'...'
        ,id:'cmdDetalhesRp'
        ,style:{color:'red'}
    }]
    How can I obtain the same result using Coolite ?
    Thank you very much !!!!
    --marcos
  2. #2
    Feb 03, 2009, 3:41 PM

    RE: How to put a button inside of a Form's body



    Ok I already figured out how to perform that :-D

    <ext:Panel runat="server"
 X="10"
 Y="170"
 Width="54"
 Border="false">
 <Body>
  <ext:Button ID="Button1"
   runat="server"
   Text="Submit">
  </ext:Button>
 </Body>
</ext:Panel>
    --marcos
  3. #3
    Feb 03, 2009, 4:21 PM

    RE: How to put a button inside of a Form's body

    Hi marcos,

    Adding the <ext:Button> inside a <ext:ContainerLayout> would reproduce your original sample with lazy instantiation of the child controls. 

    <ext:Panel ID="Panel1" runat="server"
    X="10"
    Y="170"
    Width="54"
    Border="false">
    <Body>
        <ext:ContainerLayout runat="server">
            <ext:Button ID="Button1" runat="server" Text="Submit" />
        </ext:ContainerLayout>
    </Body>
</ext:Panel>
    Hope this helps.

    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  4. #4
    Feb 04, 2009, 7:34 AM

    RE: How to put a button inside of a Form's body

    geoffrey.mcgill (2/3/2009)Hi marcos,

    Adding the <ext:Button> inside a <ext:ContainerLayout> would reproduce your original sample with lazy instantiation of the child controls. 

    <ext:Panel ID="Panel1" runat="server"
    X="10"
    Y="170"
    Width="54"
    Border="false">
    <Body>
        <ext:ContainerLayout runat="server">
            <ext:Button ID="Button1" runat="server" Text="Submit" />
        </ext:ContainerLayout>
    </Body>
</ext:Panel>
    Hope this helps.
    Thanks !!!! it worked smoothly :-D
    --marcos

Similar Threads

  1. [CLOSED] Is there any Button with the loading/spinning is inside the Button in v2.0 ?
    By Fahd in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Sep 28, 2012, 2:42 PM
  2. [CLOSED] form body click events not firing correctly on form with ext:treeview
    By jeremyl in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 02, 2011, 12:59 PM
  3. Form inside window reset issue
    By sz_146 in forum 1.x Help
    Replies: 0
    Last Post: Feb 03, 2009, 12:50 PM
  4. GridPanel: Edit Row inside Form TextField
    By OneWingedAngel in forum 1.x Help
    Replies: 7
    Last Post: Dec 09, 2008, 5:54 PM
  5. [CLOSED] Usercontrol inside a form layout
    By jchau in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Nov 03, 2008, 1:57 PM

Posting Permissions