1

如何在 ST2 的标题栏中设置文本的字体大小?

我已经尝试过“样式”属性,但这也会影响工具栏中按钮的文本,如果字体大小更小,它们会被渲染得更小。我只想在工具栏中设置标题的文本,而不是包括按钮在内的所有内容。

有谁知道如何做到这一点?

4

3 回答 3

3

为什么不只是:

title: '<div style="font-size: 30px; color: orange;">Title</div>',

Working Demo

于 2013-04-07T05:57:21.980 回答
0

可能不是最好的方法,但你可以试试这个:

Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.Panel',

    config: {
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'Cool Story Bro',
                items: [
                    {
                        xtype: 'button',
                        text: 'MyButton'
                    },
                    {
                        xtype: 'button',
                        align: 'right',
                        text: 'MyButton1'
                    }
                ],
                listeners: [
                    {
                        fn: function(element, options) {
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.color = 'red';
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.fontSize = '30px';
                            Ext.getCmp(element.id).titleComponent.innerElement.dom.style.fontStyle = 'italic';
                        },
                        event: 'painted'
                    }
                ]
            }
        ]
    }
});

演示:http ://www.senchafiddle.com/#m3ilK#ArrdD

于 2013-04-06T18:54:58.800 回答
0

标题栏有一个名为styleHtmlCls的配置,应该让您定义一个应用于内容的类。您需要styleHtmlContent设置为 true。

于 2013-04-12T11:03:25.267 回答