右揃えのボタンがいくつかあるツールバーがあります。しかし、長い html コンテンツを追加すると、ボタンがビューポートから外れます。
Ext.define('Project.view.ContainerPanel',{
extend:'Ext.Panel',
requires:['Ext.Panel'],
xtype:'containerPanel',
config:
{
items:[
{
xtype:'toolbar',
title:'Content',
height:46,
ui:'dark',
docked:'top',
items:[
{
xtype:'button',
text:'Back',
ui:'back'
},
{
xtype:'spacer'
},
{
xtype:'button',
text:"left",
ui:'normal',
},
{
xtype:'spacer',
width:1
},
{
html:'Page',
ui:'normal',
height:35
},
{
xtype:'spacer',
width:1
},
{
xtype:'button',
text:"right",
ui:'normal',
},
]
},
{
xtype:'panel',
items:[
{
html:'<div id="msg"></div><div id="view">Huge content without break -> dataaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>',
}
]
},
]
}
});
ツールバー内にすべてのボタンを収めるには? どんな助けでも大歓迎です。