Results 1 to 5 of 5

Thread: getting issues when context menu description is larger than the width of the panel

  1. #1
    Sencha Premium Member
    Join Date
    Dec 2010
    Posts
    6

    Default getting issues when context menu description is larger than the width of the panel

    When the context menu description is larger than the width of the panel, white spaces are getting created on focus of the context menu

    1) I have a web page constructed in extjs 3.x & I have one of the plugin provides tree panel, which is constructed using 4.x
    2) I'm integrating both using Iframe (loading the Extjs 4 related components).
    3) Below is the code that gets loaded in Iframe

    Ext.onReady(function(){
    try{
    Ext.create( 'Ext.container.Viewport',
    {
    layout: 'fit',
    region:'center',
    items: [{xtype:'panel',
    autoScroll : true,
    items:[
    vTree.getWidget()
    ]

    }

    ]
    }
    }catch(e){}
    });


    Issue(IE specific):

    The tree has context menu options enabled, If I right click & try to focus on the context menu then the tree is moving towards left & on right side I'm able to see some white spaces.But, the same is not happening in firefox browser.

    Note:
    i) allowDomMove property is set to false for the tree panel & I've tried the same to the constructed viewport & panel inside Iframe I couldn't get any help out of it & even the same with layouts.
    ii) Even I tried to set transparency for Iframes which hasn't worked fine.


    Thanks,

    Kamesh Palani

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,448
    Answers
    3997

    Default

    So you want the context menu to show outside the iframe?
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  3. #3
    Sencha Premium Member
    Join Date
    Dec 2010
    Posts
    6

    Default

    Yes, If it is going to solve my issue.
    I have tried to achieve the same behaviour by using z-index, but couldn't figure out a solution from that. May be I did it wrongly.

    Thanks & Regards,
    Kamesh Palani

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,448
    Answers
    3997

    Default

    You need to think that an iframe is a separate page as it is. So if you want something to show outside the iframe you need to use the top document not the iframe.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  5. #5
    Sencha Premium Member
    Join Date
    Dec 2010
    Posts
    6

    Default

    Thanks for your input mitchellsimoens. Can you provide me a sample which explains me usage of top document instead of Iframe, it will be helpful for me .

    Thanks & Regards,
    Kamesh Palani

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
  •