1. #1
    Sencha User
    Join Date
    Jan 2010
    Posts
    21
    Vote Rating
    0
    waken is on a distinguished road

      0  

    Default Panel with image as background

    Panel with image as background


    Hi,
    First part - image as background works well, problem for me is area where are fields (inputs). How can I make that area invisible ?




  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,360
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    are you setting frame : true?

  3. #3
    Sencha User
    Join Date
    Jan 2010
    Posts
    21
    Vote Rating
    0
    waken is on a distinguished road

      0  

    Default


    Yeap, source :
    Code:
            var panelLogin = new Ext.FormPanel({ 
                labelWidth:80,
                url:App.url+'/init/login',
                style: "background: none transparent url('./assets/image/login.jpg') !important; padding:30px;",
                frame:true, 
                border:false,
                plain:true,
                defaultType:'textfield',
                monitorValid:true,
                items:[{ 
                        fieldLabel:'Input1', 
                        name:'txtINput', 
                        allowBlank:false, 
                        value : '' 
                    }]                 
            });                              
                                    
            var win = new Ext.Window({
                layout:'fit',
                width:419,
                height:318,
                title:'Title', 
                closable: false,
                resizable: false,
                plain: true,
                border: false,
                modal : true,
                frame:true,
                items: [panelLogin]
            });
            
            win.show();

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Quote Originally Posted by waken View Post
    Hi,
    First part - image as background works well, problem for me is area where are fields (inputs). How can I make that area invisible ?



    What's the meaning? what are you asking for?

  5. #5
    Sencha User
    Join Date
    Jan 2010
    Posts
    21
    Vote Rating
    0
    waken is on a distinguished road

      0  

    Default


    Something like that (inputs are directrly on image) :


  6. #6
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    So you don't want a Panel then. Because Panels have styling.

    You want a Container.

Thread Participants: 2