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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.