Results 1 to 6 of 6

Thread: Panel header titleposition

  1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    15
    Vote Rating
    0
      0  

    Default Panel header titleposition

    i want to position my title before anything ( items & tools )
    No matter what i set the titleposition to, the button i have in the items keeps showing before the title

  2. #2
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505
    Vote Rating
    253
      0  

    Default

    Can you share the code you're using to put the button in the header?

  3. #3
    Sencha User
    Join Date
    Aug 2012
    Posts
    15
    Vote Rating
    0
      0  

    Default

    Code:
      
    header:{
          xtype:'header',
            height:100,
            title:localisation[localisation.currentLanguage].lblScreen3Header,
            titlePosition:500,
            items:[
                {
                    xtype:'button',
                    docked:'right',
                    text:'test'
                }
            ]
        },

  4. #4
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505
    Vote Rating
    253
      0  

    Default

    Does this work for you?

    Code:
    Ext.create('Ext.panel.Panel', {
        title: 'Hello',
        width: 200,
        html: '<p>World!</p>',
        renderTo: Ext.getBody()
        , header:{
          xtype:'header',
            height:100,
            title:'MyTitle',
            titlePosition: 0,
            items:[
                {
                    xtype:'button',
                    docked:'right',
                    text:'test'
                }
            ]
        }
        , tools: [{
            type: 'expand'
        }]
    });

  5. #5
    Sencha User
    Join Date
    Aug 2012
    Posts
    15
    Vote Rating
    0
      0  

    Default

    Even after removing that expand button it still works... lord knows why cause i already tried titleposition 0

    Thank you very much

  6. #6
    Sencha User
    Join Date
    Jun 2011
    Posts
    82
    Vote Rating
    2
      0  

    Default

    Hi
    this is my code

    Code:
    Ext.define('MyPanel', {
        extend: 'Ext.panel.Panel',
        
        
        title: 'MyTitle' ,
        header:{
            titlePosition: 0,
            items:[{
                
                xtype:'button',
                scale: 'small',
                cls: 'info-Button-learningObjectives',
                html: '<i class="fa fa-info-circle fa-lg info-Button-color "></i>',
                tooltip:'Tool Tip for this button'
            },{
                    xtype: 'radiogroup',
                    reference: 'ref',
                    name: 'radioSubjectsGroup',
                    defaults: {
                        listeners: {
                            
                        }
                    }
            }]    
        },
    The issue is both these items come at the most right of my panel, (Title of my panel is aligned left).
    I want to bring that button right after my title and that radiogroup to the most right.
    Is there any way
    Please help me, Thanks

Posting Permissions

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