It works fine using Chrome, and it works fine on HTC devices and IPhone. It gives the same problem whether using 2.4.0 or 2.5.0.rc1.
The problem is with scrolling. The page displays, but if you scroll down to see all the lines in the Grid, a blank screen display. If you scroll back you see the first lines.
This program can be tested at http://www.bjbcats.com/Bryan
Is there a problem with my code or the Samsung browser ?
Thanks.
-- public class Bryan implements EntryPoint {
public void onModuleLoad() {
Resources.INSTANCE.css().ensureInjected();
ScrollPanel sp = new ScrollPanel();
FlowPanel fp = new FlowPanel();
fp.add(makelb());
Grid grid = new Grid(100,1);
grid.setWidth("90%");
grid.addStyleName(Resources.INSTANCE.css().bjbCentered());
for (int i=0; i < 100; i++) {
grid.setWidget(i, 0, new HTML("This is row " + (i+1)));
}
fp.add(grid);
sp.add(fp);
RootLayoutPanel.get().add(sp);
}
ListBox makelb() {
ListBox listbox = new ListBox();
listbox.setVisibleItemCount(1);
listbox.addStyleName(Resources.INSTANCE.css().bjbMobileControl());
listbox.addStyleName(Resources.INSTANCE.css().bjbMobileButtonSize());
listbox.addItem("--- Select ---", "0");
listbox.addItem("Option 1", "1");
listbox.addItem("Option 2", "2");
listbox.setSelectedIndex(0);
return listbox;
}
}
The two CSS stylings just make the button bigger for a mobile device.
.bjb-Mobile-Control {
margin: 8px;
padding: 8px;
display: block;
}
.bjb-Mobile-Button-Size {
margin-left: auto;
margin-right: auto;
width: 80%;
}
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/77vFN_AHd2cJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
No comments:
Post a Comment