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:
MichalG
ps SmartClient Version: v12.0p_2018-10-25/LGPL Development Only (built 2018-10-25)
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:
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); } } }
ps SmartClient Version: v12.0p_2018-10-25/LGPL Development Only (built 2018-10-25)
Comment