Results 1 to 4 of 4

Thread: header and borders of a window

  1. #1

    Default header and borders of a window

    Hello everybody! I'm not programmer and I'm trying to create a very simple web page.
    I created such window, shown bellow.


    myExtJSexample.jpg

    I lerned how to format the content in the window and it's background. But I don't know how to remove the borders of the window and how to change the top header background color (I can change the theme images, but I don't know which images they are).

    please help me...

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,409
    Answers
    716

    Default

    It would be easier to create floating panel than to remove the sizer from a window:

    Code:
    Ext.onReady(function(){
    
        Ext.create('Ext.panel.Panel', {
            //title: 'Hello',
            width: 200,
            height: 200,
            floating: true,
            draggable: true, // remove if you want; to demo as window
    
            items: {  // Let's put an empty grid in just to illustrate fit layout
                xtype: 'grid',
                border: false,
                columns: [{header: 'World'}], 
                store: Ext.create('Ext.data.ArrayStore', {}) 
            },
            
            renderTo: Ext.getBody()
        });
     
    });
    Scott.

  3. #3

    Default

    I found this page: http://www.delphifaq.com/faq/javascr...js/f3555.shtml
    and helping this page, I created this code:

    Code:
    Ext.onReady(function(){
    
        Ext.create('Ext.FormPanel', {
            title: 'Hello',
            width: 200,
            height: 200,
            floating: true,
            draggable: true, 
    
            items: {  
                xtype: 'form',
                border: false,
                   },
                renderTo: Ext.getBody()
                   });
     
    });
    the result is:
    Untitled-1.jpg


    and what about the color of header?
    I want to be brown header in instead of blue.
    I can change theme images, if you can tell me, which ones must be edited.

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,409
    Answers
    716

    Default

    Have a look at theming guide:
    http://docs.sencha.com/ext-js/4-1/#!/guide/theming

    Scott.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •