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