Panel titleAlign: center - render issue?

**cbadz** · 22 Jan 2013 2:13 PM

I am trying to make use of the Ext.panel.Panel config "titleAlign" and I found the config does not work as I expected when I have my panel in a collapsed view.

The example I have attached below is of a tab panel with titleAlign: 'center' but when it is in the collapsed state the title still renders left justified. Is this a bug? If there is a solution where the title is always centered no matter if the panel is collapsed or expanded that would be great!

Thanks in advance.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <title>Panel Title Align Center</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
    <script type="text/javascript" src="ext-all-debug.js"></script>
    <script type="text/javascript">
    Ext.BLANK_IMAGE_URL = (Ext.isIE6 || Ext.isIE7) ? 'resources/themes/images/default/tree/s.gif' : Ext.BLANK_IMAGE_URL;
    Ext.onReady(function () {
        Ext.create('Ext.container.Viewport', {                       
            layout: 'border',
            items: [{
                xtype: 'panel',
                region: 'center',
                title: 'center panel'
            },{
                xtype: 'tabpanel',
                title: 'This is my Tab Panel Title',
                titleAlign: 'center',
                region: 'south',
                collapsible: true,
                collapsed: true,
                items: [{
                    xtype: 'tab',
                    html: '<h3>tab1</h3>',
                    closable: false
                }]
            }]
        });
    });
    </script>
</head>
<body></body>
</html>

**mitchellsimoens** · 24 Jan 2013 7:56 AM

Looks to be that border layout doesn't respect that config. Will report as a bug.

Panel titleAlign: center - render issue?

Thread Tools

Search Thread

Display

Panel titleAlign: center - render issue?

Panel titleAlign: center - render issue?