Question

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

我尝试了'style'属性，但这也会影响工具栏中按钮的文本，如果font-size较小，它们会变小。我只想在工具栏中设置标题的文本，而不是包括按钮在内的所有内容。

有谁知道如何实现这一目标？

Answer 1

为什么不呢：

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

Working Demo

Answer 2

这可能不是最好的方法，但你可以试试这个：

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

Answer 3

Titlebar有一个名为styleHtmlCls的配置，可让您定义要应用于内容的类。您需要将styleHtmlContent设置为true。

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

3 个答案: