开发者

extjs: fieldset-change collapse icon

开发者 https://www.devze.com 2023-03-04 19:59 出处:网络
how to change the expand/collapse icon of a fieldset component? b开发者_StackOverflow社区y default it\'s a inverted triangle arrow, I want to set it as \"+\"/\"-\"?use \"itemCls\"?

how to change the expand/collapse icon of a fieldset component? b开发者_StackOverflow社区y default it's a inverted triangle arrow, I want to set it as "+"/"-"? use "itemCls"?

thanks!


modify the css of the collapse button (in here background-position)

here my css :

#plus-min.x-panel-collapsed .x-tool-toggle{
    background-position: 0 -240px !important; /*the plus sign*/
}
#plus-min .x-tool-toggle{
    background-position: 0 -255px !important; /*the minus sign*/
}

and my fieldset :

new Ext.form.FormPanel({
    renderTo : document.body,
    title : "asdasd",
    items :[{
            xtype:'fieldset',
            title: 'Plus Minus',
            collapsible: true,
            id : "plus-min",
            html : "asd",
            height : 100
        }]
});
0

精彩评论

暂无评论...
验证码 换一张
取 消