PDA

View Full Version : [FIXED] Segmented Button in NavigationBar



hotdp
17 Apr 2012, 5:44 AM
Hi,
Is it correct that it is not possible to add Segmented Buttons to the NavigationView Navigation bar? It seems like I only can add standard buttons etc..?
This is really not good if its true because many of our designs uses Segmented Buttons in the Toolbars (It also works when its not a NavigationBar)

Phil.Strong
23 Apr 2012, 7:47 PM
We'll investigate this!

Diego Garcia
3 May 2012, 6:41 PM
Hi hotdp, I already use segmented buttons inside a navigation bar, like this:


Ext.define('Yoinbol.view.friends.FriendsManager', {
extend: 'Ext.navigation.View',
xtype: 'friendsManager',
requires: [
'Yoinbol.view.friends.FriendsContainer'
],


config: {


title: 'Friends',
iconCls: 'address_book',


navigationBar: {


items: [
{
xtype: 'segmentedbutton',
id: 'toolBarButtonsFriendsManager',
allowMultiple: false,
items: [
{
iconCls: 'team',
iconMask: true,
pressed: true
},
{
iconCls: 'cloud_download',
iconMask: true
},
{
iconCls: 'cloud_black_upload1',
iconMask: true
}
]
},
{
xtype: 'button',
iconMask: true,
iconCls: 'help_black',
align: 'right'
},
{
xtype: 'button',
iconMask: true,
iconCls: 'add_black',
hidden: true,
align: 'right'
}
]
},


items: [
{
xtype: 'friendsContainer'
}
]
}
});



Hope this help.

hotdp
4 May 2012, 6:24 AM
Hi hotdp, I already use segmented buttons inside a navigation bar, like this:


Ext.define('Yoinbol.view.friends.FriendsManager', {
extend: 'Ext.navigation.View',
xtype: 'friendsManager',
requires: [
'Yoinbol.view.friends.FriendsContainer'
],


config: {


title: 'Friends',
iconCls: 'address_book',


navigationBar: {


items: [
{
xtype: 'segmentedbutton',
id: 'toolBarButtonsFriendsManager',
allowMultiple: false,
items: [
{
iconCls: 'team',
iconMask: true,
pressed: true
},
{
iconCls: 'cloud_download',
iconMask: true
},
{
iconCls: 'cloud_black_upload1',
iconMask: true
}
]
},
{
xtype: 'button',
iconMask: true,
iconCls: 'help_black',
align: 'right'
},
{
xtype: 'button',
iconMask: true,
iconCls: 'add_black',
hidden: true,
align: 'right'
}
]
},


items: [
{
xtype: 'friendsContainer'
}
]
}
});



Hope this help.

I allready have the segmented buttons in my navigationBar, what I would like is the abillity to add it by drag/drop in Architect just like you can add a normal button.