Hi,

I am trying to use the collapsible panel
I have downloaded the incubator jar (gwt-incubator-20100204-r1747.jar)

the styles are not reflecting and the hover bar is appearing although
on click of toggle button it is sliding but then I am not able to see
it any how or slide it back.

I am getting the following exception:
If I try to set the width of the collapsible it ,if is not then the
exception does not appear but nor does it work as i see it in the live
demo.

The underlying content width cannot be 0. Please ensure that
the .container css style has a fixed
widthjava.lang.IllegalStateException: The underlying content width
cannot be 0. Please ensure that the .container css style has a fixed
width

        at
com.google.gwt.widgetideas.client.CollapsiblePanel.refreshWidth(CollapsiblePanel.java:
649)
        at
com.google.gwt.widgetideas.client.CollapsiblePanel.setWidth(CollapsiblePanel.java:
508)
        at
com.ensarm.engile.client.ui.PlanTrackView.initialize(PlanTrackView.java:
67)
        at
com.ensarm.engile.client.app.core.EngileModuleHome.onAppEvent(EngileModuleHome.java:
80)
        at
com.ensarm.enwelib.app.client.core.events.BaseEvent.dispatch(BaseEvent.java:
22)
        at
com.ensarm.enwelib.app.client.core.events.BaseEvent.dispatch(BaseEvent.java:
1)
        at com.google.gwt.event.shared.HandlerManager
$HandlerRegistry.fireEvent(HandlerManager.java:65)
        at com.google.gwt.event.shared.HandlerManager$HandlerRegistry.access
$1(HandlerManager.java:53)
        at
com.google.gwt.event.shared.HandlerManager.fireEvent(HandlerManager.java:
178)
        at com.google.gwt.user.client.ui.Widget.fireEvent(Widget.java:52)
        at
com.ensarm.enwelib.app.client.core.DefaultUiManager.fireEvent(DefaultUiManager.java:
237)
        at
com.ensarm.enwelib.app.client.core.ModuleViewTab.getView(ModuleViewTab.java:
99)
        at
com.ensarm.enwelib.app.client.core.ModuleViewTab.onClick(ModuleViewTab.java:
151)
        at
com.google.gwt.event.dom.client.ClickEvent.dispatch(ClickEvent.java:
54)
        at
com.google.gwt.event.dom.client.ClickEvent.dispatch(ClickEvent.java:1)
        at com.google.gwt.event.shared.HandlerManager
$HandlerRegistry.fireEvent(HandlerManager.java:65)
        at com.google.gwt.event.shared.HandlerManager$HandlerRegistry.access
$1(HandlerManager.java:53)
        at
com.google.gwt.event.shared.HandlerManager.fireEvent(HandlerManager.java:
178)
        at com.google.gwt.user.client.ui.Widget.fireEvent(Widget.java:52)
        at
com.google.gwt.event.dom.client.DomEvent.fireNativeEvent(DomEvent.java:
116)
        at com.google.gwt.user.client.ui.Widget.onBrowserEvent(Widget.java:
100)
        at com.google.gwt.user.client.DOM.dispatchEventImpl(DOM.java:1307)
        at com.google.gwt.user.client.DOM.dispatchEvent(DOM.java:1263)
        at sun.reflect.GeneratedMethodAccessor969.invoke(Unknown Source)
        at
sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:
25)
        at java.lang.reflect.Method.invoke(Method.java:597)
        at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:
103)
        at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:
71)
        at
com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:
157)
        at
com.google.gwt.dev.shell.BrowserChannel.reactToMessagesWhileWaitingForReturn(BrowserChannel.java:
1713)
        at
com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:
165)
        at
com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:
120)
        at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:
507)
        at
com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:
264)
        at
com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:
91)
        at com.google.gwt.core.client.impl.Impl.apply(Impl.java)
        at com.google.gwt.core.client.impl.Impl.entry0(Impl.java:188)
        at sun.reflect.GeneratedMethodAccessor906.invoke(Unknown Source)
        at
sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:
25)
        at java.lang.reflect.Method.invoke(Method.java:597)
        at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:
103)
        at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:
71)
        at
com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:
157)
        at
com.google.gwt.dev.shell.BrowserChannel.reactToMessages(BrowserChannel.java:
1668)
        at
com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:
401)
        at
com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:
222)
        at java.lang.Thread.run(Thread.java:619)



here is the sample code I have tried:

                protected HorizontalPanel       hPanel                  = new
HorizontalPanel();
                HorizontalPanel panel = new HorizontalPanel();
                CollapsiblePanel collapsiblePanel = new
CollapsiblePanel();
                panel.add(collapsiblePanel);
                DOM.setStyleAttribute(collapsiblePanel.getElement(), "border",
"solid 1px black");
                ToggleButton toggler = new ToggleButton("Directory (click to 
pin)",
"Directory (click to collapse)");
                toggler.setStyleName("CollapsibleToggle");
                VerticalPanel contents = new VerticalPanel();
                contents.add(toggler);
                contents.add(treeView);
                FlowPanel navBar = new FlowPanel();
                navBar.setSize("200px", "100%");
                navBar.add(contents);
                collapsiblePanel.add(navBar);
                collapsiblePanel.setWidth("100px");
                DOM.setStyleAttribute(navBar.getElement(), "border", "solid 1px
black");

                String value = Location.getParameter("collapsed");
                if (value != null) {
                        value = value.trim();
                        if (value.equals("true")) {
                                collapsiblePanel.setCollapsedState(true);
                        }
                        else if (value.equals("false")) {
                                // do nothing, default.
                        }
                        else {
                                Window.alert("collapsed should not be given " + 
value + " use true
or false instead");
                        }
                }
                collapsiblePanel.hookupControlToggle(toggler);
                panel.setWidth("100%");
                hPanel.add(panel);


please let me know where I am wrong...

thanks,
Komal

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to