View Full Version : [FIXED] Panel titleAlign: center - render issue?

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.

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

<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

24 Jan 2013, 7:56 AM
Looks to be that border layout doesn't respect that config. Will report as a bug.