Resize after an animation has finished.

[Kango_V]

I've added a listener to a button to slideout/in a panel. Underneath the panel is a table. The trouble is that when the panel slides out, the table moves off the bottom of the browser.

I've tried calling layout() on the layoutcontainer, but this happens straight away, not after the animation has finshed.

is there a way to have an event fire after the animation has completed?

Not sure how to get over this. Any help would be appreciated.

[Kango_V]

Right i'm half way there. Here is my code.

        toggle.addSelectionListener(new SelectionListener<ComponentEvent>() {
            @Override
            public void componentSelected(ComponentEvent ce)
            {
                FxConfig fx = new FxConfig();
                fx.setEffectCompleteListener(new Listener<FxEvent>() {
                    public void handleEvent(FxEvent be)
                    {
                        System.out.println("laying out");
                        layout();
                    }
                });
                if (advancedSearchPanel.isVisible())
                {
                    advancedSearchPanel.el().slideOut(Direction.UP, fx);
                }
                else
                {
                    advancedSearchPanel.el().slideIn(Direction.DOWN, fx);
                }
            }
        });

The layout does not quite. ideas any one?

[Kango_V]

Right i've trid calling layout() for every parent upwards and still no joy.

Someone must have an idea on this. Would some screenshots help?

[n0thing]

I recently created a slider over a table. In order to avoid the problem you've experienced I used an AbsolutePanel for the slider. I used CSS to set the z-index of the slider so it would sit right on top of the table.

[Kango_V]

That's a good idea. Nice one. But, does the table resize when the panel slides out? This is the affect i'm after so that our users can still browse the table whether the search panel is open or closed.

[ljohnston]

I'm also trying to get a component to slide in/out over a table. Any chance you could share some code if you've got this working?

Thanks