Results 1 to 4 of 4

Thread: Segmented Button in NavigationBar

    Success! Looks like we've fixed this one. According to our records the fix was applied for DSGNR-1760 in a recent build.
  1. #1
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    604
    Vote Rating
    14
      0  

    Default Segmented Button in NavigationBar

    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)

  2. #2
    Sencha User Phil.Strong's Avatar
    Join Date
    Mar 2007
    Location
    Olney, MD
    Posts
    1,953
    Vote Rating
    65
      0  

    Default

    We'll investigate this!
    Phil Strong
    @philstrong

  3. #3
    Sencha User Diego Garcia's Avatar
    Join Date
    Jan 2012
    Location
    San Jos, Costa Rica.
    Posts
    88
    Vote Rating
    8
      0  

    Default

    Hi hotdp, I already use segmented buttons inside a navigation bar, like this:

    Code:
    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.

  4. #4
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    604
    Vote Rating
    14
      0  

    Default

    Quote Originally Posted by Diego Garcia View Post
    Hi hotdp, I already use segmented buttons inside a navigation bar, like this:

    Code:
    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •