Hybrid View

  1. #1
    Ext GWT Premium Member
    Join Date
    Mar 2009
    Posts
    226
    Vote Rating
    3
    The_Jackal is on a distinguished road

      0  

    Default Hover BorderLayout expands collapsed region's popouts on mouse actions

    Hover BorderLayout expands collapsed region's popouts on mouse actions


    Here is a HoverBorderLayout I made. It is compatible with GXT 2.2.4. It expands the popup of a collapsed panel on mouse over and collapses it on mouse out. You can set the width of the collapsed section (standard is 24, min is 2).

    Here is the code:

    HoverBorderLayout.zip

    Let me know if you have questions or improvements.

    Regards,
    Carl Pritchett

  2. #2
    Sencha Premium Member
    Join Date
    May 2010
    Posts
    17
    Vote Rating
    0
    KeanuLee is on a distinguished road

      0  

    Default


    Hi Carl ,
    First of all, thank you for this component, it's what I'm looking.

    Here is an experience sharing,
    I found if BorderLayoutData is set with a ratio size (size is small than 0),
    the HoverBorderLayout won't work normally caused by the popup.el always get 0 as it's width, then the checking in mouse over is wrong.

    I just replaced ration size with a fixed width, then it works perfectly.

  3. #3
    Ext GWT Premium Member
    Join Date
    Mar 2009
    Posts
    226
    Vote Rating
    3
    The_Jackal is on a distinguished road

      0  

    Default


    I hadn't tried with percentage widths before. Next time I'm working on it I'll take a look.

    I'm trying to get the hover to work properly on IE8 but there appears to be a border around the page that means the mouse over is very hard to trigger. IE6 and IE9 are fine (no browser border around the page)

Thread Participants: 1