Results 1 to 4 of 4

Thread: Resizable panel in a ButtonGroup handling

  1. #1
    Sencha User
    Join Date
    Aug 2016
    Location
    Milano
    Posts
    2

    Default Answered: Resizable panel in a ButtonGroup handling

    Hi guys,
    I'm trying to handle correct resize panel in buttongroup :

    Code:
    menu: {
                xtype: 'menu',
                plain: true,
                items: {
                    xtype: 'buttongroup',
                    resizable: true,
                    width: 540,
                    height: 300,
                    layout: 'fit',
                    items: [{
                        flex: 1,
                        animateTarget: '#carrello',
                        xtype: 'panel',
                        html:'<h5>mio carrello e grid</h5>'
                    }]
                }
            }
    when I increase size of panel it's work OK, but when I decrease size of panel, it's not anchored correctly to button (north east).
    This is a demo of problem:

    ResizeProblem.gif

    How to code it?

    this is fiddle: https://fiddle.sencha.com/#view/editor&fiddle/2ima

    Thanks,
    Davide

  2. Hi,

    You can check below fiddle -
    https://fiddle.sencha.com/#view/editor&fiddle/2obq

    I added a resize listener to the button group and in that just call the btn.menu.show function as that show function of menu is already handling the menu position accoding to its size as well as handling its alignment to the parent btn.

    So this might be treated as workaround to fix your problem.
    Hope that will help!

  3. #2
    Sencha - Forum Administrator
    Join Date
    Sep 2017
    Posts
    1,006
    Answers
    5

    Default

    Hi there- I have shared this with the support team and asked that they get back with you to provide some assistance. Your patience is greatly appreciated.

    Michele

  4. #3
    Sencha User
    Join Date
    Oct 2018
    Location
    Noida
    Posts
    52
    Answers
    10

    Default

    Hi,

    You can check below fiddle -
    https://fiddle.sencha.com/#view/editor&fiddle/2obq

    I added a resize listener to the button group and in that just call the btn.menu.show function as that show function of menu is already handling the menu position accoding to its size as well as handling its alignment to the parent btn.

    So this might be treated as workaround to fix your problem.
    Hope that will help!

  5. #4
    Sencha User
    Join Date
    Aug 2016
    Location
    Milano
    Posts
    2

    Default

    Thanks Michele and praveensaini23,
    I've tried different solutions to solve my request without success.
    Currently I'will use praveensaini23 workaround.
    Thanks a lot

Similar Threads

  1. Replies: 2
    Last Post: 4 Aug 2014, 8:15 PM
  2. Replies: 3
    Last Post: 4 Mar 2013, 6:15 PM
  3. How to align button inside buttongroup (ButtonGroup)
    By daniel_r in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 3 Apr 2011, 5:17 AM
  4. Panel with ButtonGroup and EnableTabScroll render problem
    By PranKe01 in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 9 Mar 2010, 4:27 AM
  5. Ext.ButtonGroup in ext2.2 ##help## xtype: 'buttongroup'
    By koko2589 in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 20 Apr 2009, 4:22 AM

Tags for this Thread

Posting Permissions

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