How to add a SliderBar to a panel instead of RootPanel?

[rahul sanghi]

I am trying to develop a HTML5 based player. Wanted to know how we can
add the Slider bar to a Panel and add this Panel to the RootPanel
instead of adding it directly to the RootPanel.
The SliderBar doesnt work/render properly when i try to do the former,
but works perfectly when i try to add it directly to the RootPanel.
I am using Firefox browser. Please let me know any workaround, or if i
am missing out on something!

Here's my code snippet:

 SliderBar slider = new SliderBar(0.0, 100);
        slider.setStepSize(10);
        slider.setCurrentValue(5);
        slider.setNumTicks(10);
        slider.setNumLabels(10);
        slider.setWidth("100%");
        slider.redraw();

        //TODO Create playButton, stopButton, timeLabel,
fullSreenButton
        //TODO Assemble playStopPanel. horizontal
        playControlPanel.add(playPauseButton);
        playControlPanel.add(stopButton);
        playControlPanel.add(volumeButton);
        playControlPanel.add(timeLabel);
        playControlPanel.add(fullScreenButton);
        //playControlPanel.add(progressBar);
        playControlPanel.setWidth("100%");
        playControlPanel.add(slider);

                // TODO Assemble Main panel.
        mainPanel.add(playControlPanel);

                // TODO Associate the Main panel with the HTML host page.
        RootPanel.get("playerPanel").add(mainPanel);//doesnt render
properly
        RootPanel.get("playerPanel").add(slider);//works fine

Thanks!
Rahul

-- 
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-toolkit@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.