Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    SplitPane with TileGrid shifts list view on mobile device

    Hi,

    Run the following example code on mobile device (tested on various Androids) or Chrome/FF in responsive mode.

    Then scroll page so one of tiles is partially visible. Now grab this partially seen tile and view is broken like on this video cast:

    Click image for larger version

Name:	mobile_screen_error.gif
Views:	132
Size:	1.35 MB
ID:	255661


    Code:
    package pl.com.tech4.client;
    
    import com.google.gwt.core.client.EntryPoint;
    import com.smartgwt.client.widgets.Canvas;
    import com.smartgwt.client.widgets.layout.SplitPane;
    import com.smartgwt.client.widgets.tile.TileGrid;
    import com.smartgwt.client.widgets.tile.TileRecord;
    import com.smartgwt.client.widgets.viewer.DetailViewerField;
    
    public class MainEntryPoint implements EntryPoint {
    
        public void onModuleLoad() {
    
            layout();
        }
    
        private void layout() {
            SplitPane main = new SplitPane();
            main.setHeight100();
            main.setWidth100();
            main.setNavigationPane(new Canvas());
            main.setListPane(new Desktop());
            main.draw();
            main.showListPane();
        }
    
        class Desktop extends TileGrid {
    
            public Desktop() {
                setTileHeight(150);
                setTileWidth(150);
    
                DetailViewerField imagelField = new DetailViewerField("icon");
                imagelField.setType("image");
                DetailViewerField nameField = new DetailViewerField("name");
                setFields(imagelField, nameField);
    
                showTiles();
            }
    
            private void showTiles() {
                TileRecord[] data = new TileRecord[10];
                for (int i = 0; i < 10; i++) {
                    data[i] = new TileRecord();
                    data[i].setAttribute("icon", "https://www.smartclient.com/smartclient/isomorphic/system/reference/inlineExamples/tiles/images/Lion.jpg");
                    data[i].setAttribute("name", "Lion"+i);
                }
                setData(data);
            }
        }
    }
    MichalG

    ps SmartClient Version: v12.0p_2018-10-25/LGPL Development Only (built 2018-10-25)

    #2
    We see the issue and are investigating.

    Comment


      #3
      I see this issue fixed in development and production 12 branch dated 2018-11-13.
      Thanks,
      MichalG

      Comment

      Working...
      X