Hi salvador,
Exactly you are right..
> st.setSize("100%", "100%");
The height of the ScrollTable is "100%", when I reduced to 90% I got
the scrollbar in both IE and Firefox.
Thanks for sheding some light on it
Suren
On May 15, 2:37 pm, Suren <[email protected]> wrote:
> Hi..
> Please have a look at the code below and help me out in solving this
> scrollbar issue
>
> HorizontalPanel h1=new HorizontalPanel();
> HorizontalPanel h2=new HorizontalPanel();
> HorizontalPanel h3=new HorizontalPanel();
> HorizontalPanel h4=new HorizontalPanel();
>
> Button b1=new Button();
> Button b2=new Button();
> Button b3=new Button();
> Button b4=new Button();
> Button b5=new Button();
> Button b6=new Button();
> Button b7=new Button();
>
> b1.addStyleName("buttonimage1");
> b2.addStyleName("buttonimage2");
> b3.addStyleName("buttonimage3");
> b4.addStyleName("buttonimage4");
> b5.addStyleName("buttonimage5");
> b6.addStyleName("buttonimage6");
> b7.addStyleName("buttonimage7");
>
> b1.setWidth("20px");
> b1.setHeight("20px");
>
> b2.setWidth("20px");
> b2.setHeight("20px");
> b3.setWidth("20px");
> b3.setHeight("20px");
> b4.setWidth("20px");
> b4.setHeight("20px");
> b5.setWidth("20px");
> b5.setHeight("20px");
> b6.setWidth("20px");
> b6.setHeight("20px");
> b7.setWidth("20px");
> b7.setHeight("20px");
>
> h1.addStyleName("PanelStyle");
> h2.addStyleName("PanelStyle");
> h3.addStyleName("PanelStyle");
> h4.addStyleName("PanelStyle");
>
> h1.add(b1);
> h1.setSpacing(7);
> h2.setSpacing(0);
> h2.add(b2);
> h2.add(b3);
> h2.add(b4);
>
> h3.setSpacing(0);
> h3.add(b5);
> h3.add(b6);
> h3.add(b7);
> h1.add(h2);
> h1.add(h3);
>
> h4.add(h1);
>
> h4.setBorderWidth(2);
> h4.setWidth("100%");
> h1.setHeight("15px");
>
> RootPanel.get().add(h4);
> //end
> FixedWidthGrid g = new FixedWidthGrid(100,100);
>
> FixedWidthFlexTable fx = new FixedWidthFlexTable();
>
> fx.addStyleName("FlexTable");
> g.addStyleName("FlexTable");
>
> fx.setText(0, 0, "Hi there");
>
> for (int i=0;i<100;i++){
> g.setText(i, i, "a");
> }
> ScrollTable st = new ScrollTable(g,fx);
> st.setSize("100%", "100%");
> st.setResizePolicy(ScrollTable.ResizePolicy.FIXED_WIDTH);
>
> RootPanel.get().add(st);
>
> CSS
> ****
> .buttonimage1 {
> background-image: url("refresh.bmp");
> background-position: center;
> background-repeat: no-repeat;
>
> }
>
> .buttonimage2 {
> ...
> ...
>
> }
>
> .FlexTable {
> border: 1px solid gray;
> background-color: #FFFFFF;
> border-spacing: 0;
> border-collapse: collapse;
> margin: 0;
> color: #ff0000;
> font: bold;
> table-layout: fixed;
>
> }
>
> .PanelStyle {
> background-color: buttonface;
>
> }
>
> Thanks
> Suren
>
> On May 15, 1:41 pm, Salvador Diaz <[email protected]> wrote:
>
>
>
> > What exactly is your widget structure ? You might have wrong sizes in
> > one of your panels and that's hiding the srollbars (or something like
> > that, can't really tell without looking at the code)
>
> > Try looking at the compiled app with firebug on firefox (with the
> > "Inspect" functionality), that should tell you what's going on
> > exactly.
>
> > Hope that helps,
>
> > Salvador
>
> > On 15 mai, 06:22, Suren <[email protected]> wrote:
>
> > > Hi All,
>
> > > I am using a Grid to display 100 rows and 80 columns.
>
> > > I used FixedWidthGrid and put that in ScrollTable (using incubator
> > > widgets).
>
> > > I wanted to introduce a toolbar at the top of the Grid. so I placed 7
> > > buttons with background image in place and put that in the Horizontal
> > > panel. Finally I added that panel to my RootPanel.
>
> > > The moment I 've done this, I lost my horizontal scorll bar in the
> > > scorll table (in IE). But firefox behaves differently. It has now two
> > > horizontal scrollbars, one for the browser and one for the
> > > scrolltable.
>
> > > Till before I add the horizontal Panel everything was perfect.
>
> > > What should I do in this case?
>
> > > Advance thanks many
>
> > > Suren- Hide quoted text -
>
> > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
