JavaFX Undecorated WIndow Resize Glitches (+ Multi Monitor) - javafx
I'd like to find a solution for the rendering and resize glitches shown in the animation attached. I'm not sure there is a perfect solution but any help here would be appreciated. JFX windows resize well when using a native OS window frame, but this undecorated style seems to always be a problem.
The first issue is minor and I can probably live with - notice during the initial resize there is a bit of white background that is shown momentarily before the scene graph size has fully adjusted. This might not reproduce in all environments based on my experience with this before, but it would be nice to get rid of it. I usually mitigate this by setting a better background fill on the scene.
The second issue doesn't happen so much in this video until the third issue hits, but when dragging left, the right edge of the window itself rubber bands a little (don't confuse this with the first issue of the internal component resize lag). Window size rubber banding that happens during the resize only happens when I move the window (X/Y) AND resize it at the same time. If you only change width, OR you only change window X position, everything is fine. I've tried queuing each operation with Platform.runLater() to see if that helps, but no luck so far. This glitch is similar to the third issue where that effect becomes very obvious in the video...
Third issue is that both the left AND right edges rubber band terribly, once I hit the edge of the middle monitor. The left side of the IntelliJ window is also where my first and second monitors meet. It kind of tries to work correctly but something is forcing the window back onto the center screen. The first monitor is 1280 pixels wide and in the console output I also attached you can see how that number comes up a lot. This issue does NOT happen at all when you only have a single monitor, or if I drag the window to my left monitor and do the resize there, but I'm sure it's just because the mouse can't go any further. I might be okay with mitigating this by simply disallowing a resize across monitor boundaries, but it would be nice if we could get it to resize normally like a native window frame resize would.
The goal is implementing an undecorated JavaFX window with a built-in window frame that works well in a multi monitor environment. There are many examples and libraries out there which do undecorated windows like this, but they all seem to have the same or similar issues. Any suggestions to try and improve performance or mitigate any of these effects would be appreciated. I might be willing to try some type of placeholder rectangle effect which renders as another window on top of the real one so the actual resize only takes effect on mouse release, but I suspect it'll suffer from the same issue and it's not ideal anyway.
Test environment is Linux Mint 20.3 with Azul's Java 17-FX JDK. I believe I've seen some of these happen outside of Linux also but I've also seen reports that they didn't reproduce previously.
public class TestApplication extends Application {
private double dragStartScreenX;
private double targetStageWidth;
private Stage stage;
#Override
public void start(Stage stage) {
this.stage = stage;
stage.initStyle(StageStyle.TRANSPARENT);//Optional whether to include this; snapping occurs anyway
VBox vbox1 = new VBox();
vbox1.setStyle("-fx-background-color: #990000");
VBox vbox2 = new VBox();
vbox2.setStyle("-fx-background-color: #009900");
HBox hBox = new HBox(vbox1, vbox2);
vbox1.setPrefWidth(20);
HBox.setHgrow(vbox2, Priority.ALWAYS);
Scene scene = new Scene(hBox, 600, 600);
stage.setScene(scene);
stage.show();
vbox1.setOnMousePressed(event -> {
if (event.isPrimaryButtonDown()) {
dragStartScreenX = event.getScreenX();
targetStageWidth = stage.getWidth();
event.consume();
}
});
vbox1.setOnMouseDragged(event -> {
if (!event.isPrimaryButtonDown()) {
return;
}
double mouseScreenX = event.getScreenX();
double deltaX = mouseScreenX - dragStartScreenX;
dragStartScreenX = mouseScreenX;
System.out.println("mouseScreenX=" + mouseScreenX + " deltaX=" + deltaX + " stageX=" + stage.getX() +
" stageW=" + stage.getWidth() + " sceneX=" + event.getSceneX());
if (mouseScreenX < stage.getX() + stage.getWidth() - stage.getMinWidth()) {
stage.setX(mouseScreenX);
resizeStageWidth(-deltaX);
}
event.consume();
});
//Ignore filter below; convenience exit for testing
scene.addEventFilter(KeyEvent.KEY_PRESSED, event -> {
if (event.getCode().equals(KeyCode.ESCAPE)) {
Platform.exit();
}
});
}
private void resizeStageWidth(double deltaX) {
double newWidth = targetStageWidth + deltaX;
if (newWidth >= stage.getMinWidth() && newWidth <= stage.getMaxWidth()) {
targetStageWidth = newWidth;
stage.setWidth(newWidth);
}
}
public static void main(String[] args) {
launch();
}
}
Console output for the test shown:
mouseScreenX=2271.0 deltaX=0.0 stageX=2260.0 stageW=600.0 sceneX=11.0
mouseScreenX=2270.0 deltaX=-1.0 stageX=2271.0 stageW=600.0 sceneX=10.0
mouseScreenX=2268.0 deltaX=-2.0 stageX=2270.0 stageW=601.0 sceneX=-1.0
mouseScreenX=2260.0 deltaX=-8.0 stageX=2268.0 stageW=603.0 sceneX=-9.0
mouseScreenX=2257.0 deltaX=-3.0 stageX=2260.0 stageW=611.0 sceneX=-12.0
mouseScreenX=2253.0 deltaX=-4.0 stageX=2260.0 stageW=611.0 sceneX=-6.0
mouseScreenX=2250.0 deltaX=-3.0 stageX=2253.0 stageW=618.0 sceneX=-9.0
mouseScreenX=2245.0 deltaX=-5.0 stageX=2250.0 stageW=621.0 sceneX=-4.0
mouseScreenX=2242.0 deltaX=-3.0 stageX=2245.0 stageW=626.0 sceneX=-7.0
mouseScreenX=2238.0 deltaX=-4.0 stageX=2245.0 stageW=626.0 sceneX=-6.0
mouseScreenX=2236.0 deltaX=-2.0 stageX=2238.0 stageW=633.0 sceneX=-8.0
mouseScreenX=2232.0 deltaX=-4.0 stageX=2236.0 stageW=635.0 sceneX=-3.0
mouseScreenX=2229.0 deltaX=-3.0 stageX=2232.0 stageW=639.0 sceneX=-6.0
mouseScreenX=2227.0 deltaX=-2.0 stageX=2229.0 stageW=642.0 sceneX=-8.0
mouseScreenX=2224.0 deltaX=-3.0 stageX=2229.0 stageW=642.0 sceneX=-4.0
mouseScreenX=2222.0 deltaX=-2.0 stageX=2224.0 stageW=647.0 sceneX=-1.0
mouseScreenX=2220.0 deltaX=-2.0 stageX=2222.0 stageW=649.0 sceneX=-3.0
mouseScreenX=2218.0 deltaX=-2.0 stageX=2220.0 stageW=651.0 sceneX=-1.0
mouseScreenX=2215.0 deltaX=-3.0 stageX=2218.0 stageW=653.0 sceneX=-4.0
mouseScreenX=2213.0 deltaX=-2.0 stageX=2215.0 stageW=656.0 sceneX=-1.0
mouseScreenX=2207.0 deltaX=-6.0 stageX=2213.0 stageW=658.0 sceneX=-7.0
mouseScreenX=2204.0 deltaX=-3.0 stageX=2207.0 stageW=664.0 sceneX=-10.0
mouseScreenX=2202.0 deltaX=-2.0 stageX=2204.0 stageW=667.0 sceneX=-12.0
mouseScreenX=2199.0 deltaX=-3.0 stageX=2204.0 stageW=667.0 sceneX=-4.0
mouseScreenX=2196.0 deltaX=-3.0 stageX=2202.0 stageW=669.0 sceneX=-5.0
mouseScreenX=2193.0 deltaX=-3.0 stageX=2196.0 stageW=675.0 sceneX=-8.0
mouseScreenX=2184.0 deltaX=-9.0 stageX=2196.0 stageW=675.0 sceneX=-11.0
mouseScreenX=2180.0 deltaX=-4.0 stageX=2184.0 stageW=687.0 sceneX=-15.0
mouseScreenX=2175.0 deltaX=-5.0 stageX=2184.0 stageW=687.0 sceneX=-8.0
mouseScreenX=2172.0 deltaX=-3.0 stageX=2175.0 stageW=696.0 sceneX=-11.0
mouseScreenX=2170.0 deltaX=-2.0 stageX=2175.0 stageW=696.0 sceneX=-4.0
mouseScreenX=2167.0 deltaX=-3.0 stageX=2170.0 stageW=701.0 sceneX=-7.0
mouseScreenX=2165.0 deltaX=-2.0 stageX=2170.0 stageW=701.0 sceneX=-4.0
mouseScreenX=2163.0 deltaX=-2.0 stageX=2165.0 stageW=706.0 sceneX=-6.0
mouseScreenX=2161.0 deltaX=-2.0 stageX=2165.0 stageW=706.0 sceneX=-3.0
mouseScreenX=2159.0 deltaX=-2.0 stageX=2161.0 stageW=710.0 sceneX=-5.0
mouseScreenX=2157.0 deltaX=-2.0 stageX=2159.0 stageW=712.0 sceneX=-7.0
mouseScreenX=2155.0 deltaX=-2.0 stageX=2159.0 stageW=712.0 sceneX=-3.0
mouseScreenX=2152.0 deltaX=-3.0 stageX=2155.0 stageW=716.0 sceneX=-6.0
mouseScreenX=2148.0 deltaX=-4.0 stageX=2155.0 stageW=716.0 sceneX=-6.0
mouseScreenX=2145.0 deltaX=-3.0 stageX=2148.0 stageW=723.0 sceneX=-9.0
mouseScreenX=2136.0 deltaX=-9.0 stageX=2148.0 stageW=723.0 sceneX=-11.0
mouseScreenX=2132.0 deltaX=-4.0 stageX=2136.0 stageW=735.0 sceneX=-15.0
mouseScreenX=2127.0 deltaX=-5.0 stageX=2132.0 stageW=739.0 sceneX=-4.0
mouseScreenX=2120.0 deltaX=-7.0 stageX=2127.0 stageW=744.0 sceneX=-11.0
mouseScreenX=2115.0 deltaX=-5.0 stageX=2120.0 stageW=751.0 sceneX=-16.0
mouseScreenX=2112.0 deltaX=-3.0 stageX=2115.0 stageW=756.0 sceneX=-2.0
mouseScreenX=2108.0 deltaX=-4.0 stageX=2115.0 stageW=756.0 sceneX=-6.0
mouseScreenX=2104.0 deltaX=-4.0 stageX=2108.0 stageW=763.0 sceneX=-10.0
mouseScreenX=2099.0 deltaX=-5.0 stageX=2108.0 stageW=763.0 sceneX=-8.0
mouseScreenX=2095.0 deltaX=-4.0 stageX=2099.0 stageW=772.0 sceneX=-12.0
mouseScreenX=2090.0 deltaX=-5.0 stageX=2099.0 stageW=772.0 sceneX=-8.0
mouseScreenX=2084.0 deltaX=-6.0 stageX=2090.0 stageW=781.0 sceneX=-14.0
mouseScreenX=2078.0 deltaX=-6.0 stageX=2090.0 stageW=781.0 sceneX=-11.0
mouseScreenX=2072.0 deltaX=-6.0 stageX=2078.0 stageW=793.0 sceneX=-17.0
mouseScreenX=2066.0 deltaX=-6.0 stageX=2078.0 stageW=793.0 sceneX=-11.0
mouseScreenX=2052.0 deltaX=-14.0 stageX=2072.0 stageW=799.0 sceneX=-19.0
mouseScreenX=2040.0 deltaX=-12.0 stageX=2052.0 stageW=819.0 sceneX=-31.0
mouseScreenX=2033.0 deltaX=-7.0 stageX=2066.0 stageW=805.0 sceneX=-32.0
mouseScreenX=2026.0 deltaX=-7.0 stageX=2033.0 stageW=838.0 sceneX=-39.0
mouseScreenX=2018.0 deltaX=-8.0 stageX=2040.0 stageW=831.0 sceneX=-21.0
mouseScreenX=2012.0 deltaX=-6.0 stageX=2018.0 stageW=853.0 sceneX=-27.0
mouseScreenX=1999.0 deltaX=-13.0 stageX=2026.0 stageW=845.0 sceneX=-26.0
mouseScreenX=1993.0 deltaX=-6.0 stageX=2012.0 stageW=859.0 sceneX=-18.0
mouseScreenX=1984.0 deltaX=-9.0 stageX=1999.0 stageW=872.0 sceneX=-14.0
mouseScreenX=1975.0 deltaX=-9.0 stageX=1993.0 stageW=878.0 sceneX=-17.0
mouseScreenX=1969.0 deltaX=-6.0 stageX=1984.0 stageW=887.0 sceneX=-14.0
mouseScreenX=1965.0 deltaX=-4.0 stageX=1969.0 stageW=902.0 sceneX=-18.0
mouseScreenX=1956.0 deltaX=-9.0 stageX=1975.0 stageW=896.0 sceneX=-18.0
mouseScreenX=1951.0 deltaX=-5.0 stageX=1956.0 stageW=915.0 sceneX=-23.0
mouseScreenX=1947.0 deltaX=-4.0 stageX=1965.0 stageW=906.0 sceneX=-17.0
mouseScreenX=1942.0 deltaX=-5.0 stageX=1947.0 stageW=924.0 sceneX=-22.0
mouseScreenX=1938.0 deltaX=-4.0 stageX=1951.0 stageW=920.0 sceneX=-12.0
mouseScreenX=1935.0 deltaX=-3.0 stageX=1938.0 stageW=933.0 sceneX=-15.0
mouseScreenX=1930.0 deltaX=-5.0 stageX=1942.0 stageW=929.0 sceneX=-11.0
mouseScreenX=1927.0 deltaX=-3.0 stageX=1930.0 stageW=941.0 sceneX=-14.0
mouseScreenX=1924.0 deltaX=-3.0 stageX=1935.0 stageW=936.0 sceneX=-10.0
mouseScreenX=1921.0 deltaX=-3.0 stageX=1924.0 stageW=947.0 sceneX=-13.0
mouseScreenX=1918.0 deltaX=-3.0 stageX=1927.0 stageW=944.0 sceneX=-8.0
mouseScreenX=1915.0 deltaX=-3.0 stageX=1918.0 stageW=953.0 sceneX=-11.0
mouseScreenX=1912.0 deltaX=-3.0 stageX=1921.0 stageW=950.0 sceneX=-8.0
mouseScreenX=1909.0 deltaX=-3.0 stageX=1912.0 stageW=959.0 sceneX=-11.0
mouseScreenX=1901.0 deltaX=-8.0 stageX=1912.0 stageW=959.0 sceneX=-10.0
mouseScreenX=1895.0 deltaX=-6.0 stageX=1912.0 stageW=959.0 sceneX=-16.0
mouseScreenX=1889.0 deltaX=-6.0 stageX=1895.0 stageW=976.0 sceneX=-22.0
mouseScreenX=1881.0 deltaX=-8.0 stageX=1895.0 stageW=976.0 sceneX=-13.0
mouseScreenX=1874.0 deltaX=-7.0 stageX=1881.0 stageW=990.0 sceneX=-20.0
mouseScreenX=1864.0 deltaX=-10.0 stageX=1881.0 stageW=990.0 sceneX=-16.0
mouseScreenX=1847.0 deltaX=-17.0 stageX=1874.0 stageW=997.0 sceneX=-26.0
mouseScreenX=1834.0 deltaX=-13.0 stageX=1847.0 stageW=1024.0 sceneX=-39.0
mouseScreenX=1830.0 deltaX=-4.0 stageX=1864.0 stageW=1007.0 sceneX=-33.0
mouseScreenX=1820.0 deltaX=-10.0 stageX=1834.0 stageW=1037.0 sceneX=-13.0
mouseScreenX=1816.0 deltaX=-4.0 stageX=1820.0 stageW=1051.0 sceneX=-17.0
mouseScreenX=1812.0 deltaX=-4.0 stageX=1830.0 stageW=1041.0 sceneX=-17.0
mouseScreenX=1807.0 deltaX=-5.0 stageX=1812.0 stageW=1059.0 sceneX=-22.0
mouseScreenX=1803.0 deltaX=-4.0 stageX=1816.0 stageW=1055.0 sceneX=-12.0
mouseScreenX=1798.0 deltaX=-5.0 stageX=1803.0 stageW=1068.0 sceneX=-17.0
mouseScreenX=1793.0 deltaX=-5.0 stageX=1807.0 stageW=1064.0 sceneX=-13.0
mouseScreenX=1782.0 deltaX=-11.0 stageX=1798.0 stageW=1073.0 sceneX=-15.0
mouseScreenX=1774.0 deltaX=-8.0 stageX=1782.0 stageW=1089.0 sceneX=-23.0
mouseScreenX=1767.0 deltaX=-7.0 stageX=1793.0 stageW=1078.0 sceneX=-25.0
mouseScreenX=1751.0 deltaX=-16.0 stageX=1767.0 stageW=1104.0 sceneX=-41.0
mouseScreenX=1741.0 deltaX=-10.0 stageX=1774.0 stageW=1104.0 sceneX=-32.0
mouseScreenX=1722.0 deltaX=-19.0 stageX=1751.0 stageW=1120.0 sceneX=-28.0
mouseScreenX=1713.0 deltaX=-9.0 stageX=1722.0 stageW=1149.0 sceneX=-37.0
mouseScreenX=1705.0 deltaX=-8.0 stageX=1713.0 stageW=1158.0 sceneX=-45.0
mouseScreenX=1695.0 deltaX=-10.0 stageX=1713.0 stageW=1158.0 sceneX=-17.0
mouseScreenX=1680.0 deltaX=-15.0 stageX=1705.0 stageW=1166.0 sceneX=-24.0
mouseScreenX=1673.0 deltaX=-7.0 stageX=1680.0 stageW=1191.0 sceneX=-31.0
mouseScreenX=1667.0 deltaX=-6.0 stageX=1695.0 stageW=1176.0 sceneX=-27.0
mouseScreenX=1656.0 deltaX=-11.0 stageX=1673.0 stageW=1198.0 sceneX=-16.0
mouseScreenX=1650.0 deltaX=-6.0 stageX=1656.0 stageW=1215.0 sceneX=-22.0
mouseScreenX=1646.0 deltaX=-4.0 stageX=1656.0 stageW=1215.0 sceneX=-9.0
mouseScreenX=1641.0 deltaX=-5.0 stageX=1646.0 stageW=1225.0 sceneX=-14.0
mouseScreenX=1637.0 deltaX=-4.0 stageX=1646.0 stageW=1225.0 sceneX=-8.0
mouseScreenX=1632.0 deltaX=-5.0 stageX=1637.0 stageW=1234.0 sceneX=-13.0
mouseScreenX=1629.0 deltaX=-3.0 stageX=1637.0 stageW=1234.0 sceneX=-7.0
mouseScreenX=1625.0 deltaX=-4.0 stageX=1629.0 stageW=1242.0 sceneX=-11.0
mouseScreenX=1622.0 deltaX=-3.0 stageX=1625.0 stageW=1246.0 sceneX=-14.0
mouseScreenX=1618.0 deltaX=-4.0 stageX=1629.0 stageW=1242.0 sceneX=-10.0
mouseScreenX=1613.0 deltaX=-5.0 stageX=1618.0 stageW=1253.0 sceneX=-15.0
mouseScreenX=1609.0 deltaX=-4.0 stageX=1622.0 stageW=1249.0 sceneX=-12.0
mouseScreenX=1603.0 deltaX=-6.0 stageX=1609.0 stageW=1262.0 sceneX=-18.0
mouseScreenX=1589.0 deltaX=-14.0 stageX=1609.0 stageW=1262.0 sceneX=-19.0
mouseScreenX=1582.0 deltaX=-7.0 stageX=1589.0 stageW=1282.0 sceneX=-26.0
mouseScreenX=1576.0 deltaX=-6.0 stageX=1582.0 stageW=1289.0 sceneX=-32.0
mouseScreenX=1571.0 deltaX=-5.0 stageX=1582.0 stageW=1289.0 sceneX=-10.0
mouseScreenX=1560.0 deltaX=-11.0 stageX=1576.0 stageW=1295.0 sceneX=-15.0
mouseScreenX=1548.0 deltaX=-12.0 stageX=1571.0 stageW=1300.0 sceneX=-22.0
mouseScreenX=1542.0 deltaX=-6.0 stageX=1571.0 stageW=1300.0 sceneX=-28.0
mouseScreenX=1529.0 deltaX=-13.0 stageX=1548.0 stageW=1323.0 sceneX=-18.0
mouseScreenX=1519.0 deltaX=-10.0 stageX=1542.0 stageW=1329.0 sceneX=-22.0
mouseScreenX=1508.0 deltaX=-11.0 stageX=1529.0 stageW=1342.0 sceneX=-20.0
mouseScreenX=1502.0 deltaX=-6.0 stageX=1508.0 stageW=1363.0 sceneX=-26.0
mouseScreenX=1499.0 deltaX=-3.0 stageX=1519.0 stageW=1352.0 sceneX=-19.0
mouseScreenX=1493.0 deltaX=-6.0 stageX=1502.0 stageW=1369.0 sceneX=-8.0
mouseScreenX=1491.0 deltaX=-2.0 stageX=1493.0 stageW=1378.0 sceneX=-10.0
mouseScreenX=1488.0 deltaX=-3.0 stageX=1499.0 stageW=1372.0 sceneX=-10.0
mouseScreenX=1486.0 deltaX=-2.0 stageX=1488.0 stageW=1383.0 sceneX=-12.0
mouseScreenX=1483.0 deltaX=-3.0 stageX=1491.0 stageW=1380.0 sceneX=-7.0
mouseScreenX=1474.0 deltaX=-9.0 stageX=1486.0 stageW=1385.0 sceneX=-11.0
mouseScreenX=1471.0 deltaX=-3.0 stageX=1474.0 stageW=1397.0 sceneX=-14.0
mouseScreenX=1466.0 deltaX=-5.0 stageX=1471.0 stageW=1400.0 sceneX=-19.0
mouseScreenX=1463.0 deltaX=-3.0 stageX=1471.0 stageW=1400.0 sceneX=-7.0
mouseScreenX=1460.0 deltaX=-3.0 stageX=1463.0 stageW=1408.0 sceneX=-10.0
mouseScreenX=1457.0 deltaX=-3.0 stageX=1463.0 stageW=1408.0 sceneX=-5.0
mouseScreenX=1454.0 deltaX=-3.0 stageX=1457.0 stageW=1414.0 sceneX=-8.0
mouseScreenX=1451.0 deltaX=-3.0 stageX=1457.0 stageW=1414.0 sceneX=-5.0
mouseScreenX=1447.0 deltaX=-4.0 stageX=1457.0 stageW=1414.0 sceneX=-9.0
mouseScreenX=1441.0 deltaX=-6.0 stageX=1451.0 stageW=1420.0 sceneX=-9.0
mouseScreenX=1436.0 deltaX=-5.0 stageX=1447.0 stageW=1424.0 sceneX=-10.0
mouseScreenX=1431.0 deltaX=-5.0 stageX=1441.0 stageW=1430.0 sceneX=-9.0
mouseScreenX=1427.0 deltaX=-4.0 stageX=1431.0 stageW=1440.0 sceneX=-13.0
mouseScreenX=1422.0 deltaX=-5.0 stageX=1436.0 stageW=1435.0 sceneX=-13.0
mouseScreenX=1418.0 deltaX=-4.0 stageX=1422.0 stageW=1449.0 sceneX=-17.0
mouseScreenX=1413.0 deltaX=-5.0 stageX=1427.0 stageW=1444.0 sceneX=-13.0
mouseScreenX=1409.0 deltaX=-4.0 stageX=1418.0 stageW=1453.0 sceneX=-8.0
mouseScreenX=1404.0 deltaX=-5.0 stageX=1418.0 stageW=1453.0 sceneX=-13.0
mouseScreenX=1401.0 deltaX=-3.0 stageX=1404.0 stageW=1467.0 sceneX=-16.0
mouseScreenX=1398.0 deltaX=-3.0 stageX=1409.0 stageW=1462.0 sceneX=-10.0
mouseScreenX=1395.0 deltaX=-3.0 stageX=1398.0 stageW=1473.0 sceneX=-13.0
mouseScreenX=1391.0 deltaX=-4.0 stageX=1398.0 stageW=1473.0 sceneX=-6.0
mouseScreenX=1388.0 deltaX=-3.0 stageX=1398.0 stageW=1473.0 sceneX=-9.0
mouseScreenX=1385.0 deltaX=-3.0 stageX=1388.0 stageW=1483.0 sceneX=-12.0
mouseScreenX=1381.0 deltaX=-4.0 stageX=1388.0 stageW=1483.0 sceneX=-6.0
mouseScreenX=1377.0 deltaX=-4.0 stageX=1381.0 stageW=1490.0 sceneX=-10.0
mouseScreenX=1373.0 deltaX=-4.0 stageX=1381.0 stageW=1490.0 sceneX=-7.0
mouseScreenX=1370.0 deltaX=-3.0 stageX=1373.0 stageW=1498.0 sceneX=-10.0
mouseScreenX=1365.0 deltaX=-5.0 stageX=1373.0 stageW=1498.0 sceneX=-7.0
mouseScreenX=1359.0 deltaX=-6.0 stageX=1373.0 stageW=1498.0 sceneX=-13.0
mouseScreenX=1348.0 deltaX=-11.0 stageX=1365.0 stageW=1506.0 sceneX=-16.0
mouseScreenX=1333.0 deltaX=-15.0 stageX=1359.0 stageW=1512.0 sceneX=-25.0
mouseScreenX=1324.0 deltaX=-9.0 stageX=1348.0 stageW=1523.0 sceneX=-23.0
mouseScreenX=1320.0 deltaX=-4.0 stageX=1324.0 stageW=1547.0 sceneX=-27.0
mouseScreenX=1313.0 deltaX=-7.0 stageX=1324.0 stageW=1547.0 sceneX=-10.0
mouseScreenX=1311.0 deltaX=-2.0 stageX=1313.0 stageW=1558.0 sceneX=-12.0
mouseScreenX=1309.0 deltaX=-2.0 stageX=1313.0 stageW=1558.0 sceneX=-3.0
mouseScreenX=1307.0 deltaX=-2.0 stageX=1311.0 stageW=1560.0 sceneX=-3.0
mouseScreenX=1305.0 deltaX=-2.0 stageX=1307.0 stageW=1564.0 sceneX=-5.0
mouseScreenX=1302.0 deltaX=-3.0 stageX=1307.0 stageW=1564.0 sceneX=-4.0
mouseScreenX=1300.0 deltaX=-2.0 stageX=1302.0 stageW=1569.0 sceneX=-6.0
mouseScreenX=1298.0 deltaX=-2.0 stageX=1300.0 stageW=1571.0 sceneX=-1.0
mouseScreenX=1291.0 deltaX=-7.0 stageX=1298.0 stageW=1573.0 sceneX=-8.0
mouseScreenX=1288.0 deltaX=-3.0 stageX=1298.0 stageW=1573.0 sceneX=-9.0
mouseScreenX=1284.0 deltaX=-4.0 stageX=1288.0 stageW=1583.0 sceneX=-13.0
mouseScreenX=1281.0 deltaX=-3.0 stageX=1291.0 stageW=1580.0 sceneX=-9.0
mouseScreenX=1279.0 deltaX=-2.0 stageX=1291.0 stageW=1580.0 sceneX=-11.0
mouseScreenX=1274.0 deltaX=-5.0 stageX=1281.0 stageW=1590.0 sceneX=-6.0
mouseScreenX=1270.0 deltaX=-4.0 stageX=1280.0 stageW=1592.0 sceneX=-9.0
mouseScreenX=1265.0 deltaX=-5.0 stageX=1280.0 stageW=1597.0 sceneX=-14.0
mouseScreenX=1262.0 deltaX=-3.0 stageX=1265.0 stageW=1606.0 sceneX=-17.0
mouseScreenX=1259.0 deltaX=-3.0 stageX=1280.0 stageW=1601.0 sceneX=-20.0
mouseScreenX=1254.0 deltaX=-5.0 stageX=1280.0 stageW=1609.0 sceneX=-25.0
mouseScreenX=1249.0 deltaX=-5.0 stageX=1280.0 stageW=1612.0 sceneX=-30.0
mouseScreenX=1246.0 deltaX=-3.0 stageX=1249.0 stageW=1622.0 sceneX=-33.0
mouseScreenX=1244.0 deltaX=-2.0 stageX=1280.0 stageW=1622.0 sceneX=-35.0
mouseScreenX=1239.0 deltaX=-5.0 stageX=1280.0 stageW=1625.0 sceneX=-40.0
mouseScreenX=1238.0 deltaX=-1.0 stageX=1239.0 stageW=1632.0 sceneX=-41.0
mouseScreenX=1236.0 deltaX=-2.0 stageX=1238.0 stageW=1633.0 sceneX=-43.0
mouseScreenX=1233.0 deltaX=-3.0 stageX=1280.0 stageW=1633.0 sceneX=-46.0
mouseScreenX=1231.0 deltaX=-2.0 stageX=1233.0 stageW=1638.0 sceneX=-48.0
mouseScreenX=1227.0 deltaX=-4.0 stageX=1280.0 stageW=1638.0 sceneX=-52.0
mouseScreenX=1222.0 deltaX=-5.0 stageX=1227.0 stageW=1644.0 sceneX=-57.0
mouseScreenX=1219.0 deltaX=-3.0 stageX=1227.0 stageW=1644.0 sceneX=-60.0
mouseScreenX=1216.0 deltaX=-3.0 stageX=1280.0 stageW=1652.0 sceneX=-63.0
mouseScreenX=1213.0 deltaX=-3.0 stageX=1216.0 stageW=1655.0 sceneX=-66.0
mouseScreenX=1211.0 deltaX=-2.0 stageX=1280.0 stageW=1655.0 sceneX=-68.0
mouseScreenX=1204.0 deltaX=-7.0 stageX=1280.0 stageW=1658.0 sceneX=-75.0
mouseScreenX=1200.0 deltaX=-4.0 stageX=1280.0 stageW=1660.0 sceneX=-79.0
mouseScreenX=1196.0 deltaX=-4.0 stageX=1280.0 stageW=1667.0 sceneX=-83.0
mouseScreenX=1190.0 deltaX=-6.0 stageX=1280.0 stageW=1671.0 sceneX=-89.0
mouseScreenX=1187.0 deltaX=-3.0 stageX=1190.0 stageW=1681.0 sceneX=-92.0
mouseScreenX=1185.0 deltaX=-2.0 stageX=1280.0 stageW=1675.0 sceneX=-94.0
mouseScreenX=1181.0 deltaX=-4.0 stageX=1280.0 stageW=1684.0 sceneX=-98.0
mouseScreenX=1180.0 deltaX=-1.0 stageX=1280.0 stageW=1690.0 sceneX=-99.0
mouseScreenX=1179.0 deltaX=-1.0 stageX=1180.0 stageW=1691.0 sceneX=-100.0
mouseScreenX=1178.0 deltaX=-1.0 stageX=1179.0 stageW=1692.0 sceneX=-101.0
mouseScreenX=1177.0 deltaX=-1.0 stageX=1178.0 stageW=1693.0 sceneX=-102.0
mouseScreenX=1175.0 deltaX=-2.0 stageX=1280.0 stageW=1694.0 sceneX=-104.0
mouseScreenX=1174.0 deltaX=-1.0 stageX=1175.0 stageW=1696.0 sceneX=-105.0
mouseScreenX=1172.0 deltaX=-2.0 stageX=1174.0 stageW=1697.0 sceneX=-107.0
mouseScreenX=1168.0 deltaX=-4.0 stageX=1280.0 stageW=1697.0 sceneX=-111.0
mouseScreenX=1165.0 deltaX=-3.0 stageX=1168.0 stageW=1703.0 sceneX=-114.0
mouseScreenX=1163.0 deltaX=-2.0 stageX=1165.0 stageW=1706.0 sceneX=-116.0
mouseScreenX=1161.0 deltaX=-2.0 stageX=1280.0 stageW=1708.0 sceneX=-118.0
mouseScreenX=1158.0 deltaX=-3.0 stageX=1161.0 stageW=1710.0 sceneX=-121.0
mouseScreenX=1156.0 deltaX=-2.0 stageX=1158.0 stageW=1713.0 sceneX=-123.0
mouseScreenX=1154.0 deltaX=-2.0 stageX=1156.0 stageW=1715.0 sceneX=-125.0
mouseScreenX=1150.0 deltaX=-4.0 stageX=1280.0 stageW=1715.0 sceneX=-129.0
mouseScreenX=1149.0 deltaX=-1.0 stageX=1150.0 stageW=1721.0 sceneX=-130.0
mouseScreenX=1148.0 deltaX=-1.0 stageX=1280.0 stageW=1722.0 sceneX=-131.0
mouseScreenX=1145.0 deltaX=-3.0 stageX=1148.0 stageW=1723.0 sceneX=-134.0
mouseScreenX=1143.0 deltaX=-2.0 stageX=1145.0 stageW=1726.0 sceneX=-136.0
mouseScreenX=1142.0 deltaX=-1.0 stageX=1280.0 stageW=1728.0 sceneX=-137.0
mouseScreenX=1140.0 deltaX=-2.0 stageX=1142.0 stageW=1729.0 sceneX=-139.0
mouseScreenX=1138.0 deltaX=-2.0 stageX=1280.0 stageW=1731.0 sceneX=-141.0
mouseScreenX=1137.0 deltaX=-1.0 stageX=1138.0 stageW=1733.0 sceneX=-142.0
mouseScreenX=1136.0 deltaX=-1.0 stageX=1280.0 stageW=1734.0 sceneX=-143.0
mouseScreenX=1134.0 deltaX=-2.0 stageX=1136.0 stageW=1735.0 sceneX=-145.0
mouseScreenX=1133.0 deltaX=-1.0 stageX=1134.0 stageW=1737.0 sceneX=-146.0
mouseScreenX=1131.0 deltaX=-2.0 stageX=1280.0 stageW=1737.0 sceneX=-148.0
mouseScreenX=1129.0 deltaX=-2.0 stageX=1131.0 stageW=1740.0 sceneX=-150.0
mouseScreenX=1128.0 deltaX=-1.0 stageX=1280.0 stageW=1740.0 sceneX=-151.0
mouseScreenX=1124.0 deltaX=-4.0 stageX=1129.0 stageW=1742.0 sceneX=-4.0
mouseScreenX=1121.0 deltaX=-3.0 stageX=1128.0 stageW=1743.0 sceneX=-6.0
mouseScreenX=1118.0 deltaX=-3.0 stageX=1280.0 stageW=1747.0 sceneX=-161.0
mouseScreenX=1115.0 deltaX=-3.0 stageX=1280.0 stageW=1750.0 sceneX=-164.0
mouseScreenX=1113.0 deltaX=-2.0 stageX=1115.0 stageW=1756.0 sceneX=-166.0
mouseScreenX=1111.0 deltaX=-2.0 stageX=1280.0 stageW=1758.0 sceneX=-168.0
mouseScreenX=1106.0 deltaX=-5.0 stageX=1111.0 stageW=1760.0 sceneX=-173.0
mouseScreenX=1105.0 deltaX=-1.0 stageX=1106.0 stageW=1765.0 sceneX=-174.0
mouseScreenX=1104.0 deltaX=-1.0 stageX=1280.0 stageW=1766.0 sceneX=-175.0
mouseScreenX=1103.0 deltaX=-1.0 stageX=1280.0 stageW=1767.0 sceneX=-176.0
mouseScreenX=1101.0 deltaX=-2.0 stageX=1103.0 stageW=1768.0 sceneX=-178.0
mouseScreenX=1099.0 deltaX=-2.0 stageX=1280.0 stageW=1770.0 sceneX=-180.0
mouseScreenX=1098.0 deltaX=-1.0 stageX=1099.0 stageW=1772.0 sceneX=-181.0
mouseScreenX=1096.0 deltaX=-2.0 stageX=1098.0 stageW=1773.0 sceneX=-183.0
mouseScreenX=1095.0 deltaX=-1.0 stageX=1280.0 stageW=1775.0 sceneX=-184.0
mouseScreenX=1095.0 deltaX=0.0 stageX=1280.0 stageW=1776.0 sceneX=-184.0
mouseScreenX=1094.0 deltaX=-1.0 stageX=1095.0 stageW=1776.0 sceneX=0.0
mouseScreenX=1094.0 deltaX=0.0 stageX=1094.0 stageW=1777.0 sceneX=0.0
mouseScreenX=1092.0 deltaX=-2.0 stageX=1094.0 stageW=1777.0 sceneX=-2.0
mouseScreenX=1090.0 deltaX=-2.0 stageX=1280.0 stageW=1777.0 sceneX=-189.0
mouseScreenX=1086.0 deltaX=-4.0 stageX=1090.0 stageW=1781.0 sceneX=-193.0
mouseScreenX=1082.0 deltaX=-4.0 stageX=1280.0 stageW=1781.0 sceneX=-197.0
mouseScreenX=1077.0 deltaX=-5.0 stageX=1082.0 stageW=1789.0 sceneX=-202.0
mouseScreenX=1074.0 deltaX=-3.0 stageX=1280.0 stageW=1789.0 sceneX=-205.0
mouseScreenX=1071.0 deltaX=-3.0 stageX=1074.0 stageW=1797.0 sceneX=-208.0
mouseScreenX=1067.0 deltaX=-4.0 stageX=1280.0 stageW=1797.0 sceneX=-212.0
mouseScreenX=1062.0 deltaX=-5.0 stageX=1280.0 stageW=1800.0 sceneX=-217.0
mouseScreenX=1059.0 deltaX=-3.0 stageX=1062.0 stageW=1809.0 sceneX=-220.0
mouseScreenX=1057.0 deltaX=-2.0 stageX=1280.0 stageW=1804.0 sceneX=-222.0
mouseScreenX=1056.0 deltaX=-1.0 stageX=1280.0 stageW=1812.0 sceneX=-223.0
mouseScreenX=1051.0 deltaX=-5.0 stageX=1280.0 stageW=1814.0 sceneX=-228.0
mouseScreenX=1045.0 deltaX=-6.0 stageX=1280.0 stageW=1815.0 sceneX=-234.0
mouseScreenX=1041.0 deltaX=-4.0 stageX=1051.0 stageW=1820.0 sceneX=-9.0
mouseScreenX=1040.0 deltaX=-1.0 stageX=1280.0 stageW=1820.0 sceneX=-239.0
mouseScreenX=1039.0 deltaX=-1.0 stageX=1040.0 stageW=1831.0 sceneX=-240.0
mouseScreenX=1038.0 deltaX=-1.0 stageX=1280.0 stageW=1830.0 sceneX=-241.0
mouseScreenX=1035.0 deltaX=-3.0 stageX=1280.0 stageW=1832.0 sceneX=-244.0
mouseScreenX=1034.0 deltaX=-1.0 stageX=1280.0 stageW=1836.0 sceneX=-245.0
mouseScreenX=1033.0 deltaX=-1.0 stageX=1034.0 stageW=1837.0 sceneX=-246.0
mouseScreenX=1033.0 deltaX=0.0 stageX=1280.0 stageW=1838.0 sceneX=-246.0
mouseScreenX=1033.0 deltaX=0.0 stageX=1033.0 stageW=1838.0 sceneX=-246.0
mouseScreenX=1034.0 deltaX=1.0 stageX=1033.0 stageW=1838.0 sceneX=1.0
mouseScreenX=1034.0 deltaX=0.0 stageX=1033.0 stageW=1838.0 sceneX=1.0
mouseScreenX=1035.0 deltaX=1.0 stageX=1280.0 stageW=1837.0 sceneX=-244.0
mouseScreenX=1036.0 deltaX=1.0 stageX=1035.0 stageW=1836.0 sceneX=-243.0
Related
UWP Tile not showing svg image
Following code for a Tile on windows 10 start menu shows a '.png' image that I created using MS Paint. But the same code does not show a similar .svg image (in the Tile) that I created using InkScape.
Question: Why the same code does not work for .svg image while it works for .png image - and how can we make it work for .svg images, as well?
Snapshot of Start menu with a Tile display with .png file:
Code:
public void TileTest()
{
// Construct the tile content
TileContent content = new TileContent()
{
Visual = new TileVisual()
{
TileWide = new TileBinding()
{
Content = new TileBindingContentAdaptive()
{
Children =
{
new AdaptiveGroup()
{
Children =
{
new AdaptiveSubgroup()
{
HintWeight = 2,
Children =
{
new AdaptiveImage()
{
//NOTE: if I replace Test.png with Test.svg image, it
//does not show up
Source = "Images/MyImages/Test.png",
HintRemoveMargin = true
}
}
}
}
},
}
}
}
}
};
TileNotification notification = new TileNotification(content.GetXml());
TileUpdateManager.CreateTileUpdaterForApplication().Update(notification);
}
Remark: It may not matter, but just in case: I'm using a Packaged WPF app that is calling UWP/WinRT APIs - using VS2019 - ver 16.9 and .NET5 on Windows 10 Pro - ver 2004.
Following are the .png and .svg Images I tried on the above code. .svg did not show up in the tile:
Test.png:
Test.Svg:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
sodipodi:docname="drawing.svg">
<defs
id="defs2">
<rect
x="60.47619"
y="99.785714"
width="74.839286"
height="34.017857"
id="rect24" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="400"
inkscape:cy="560"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1267"
inkscape:window-height="728"
inkscape:window-x="83"
inkscape:window-y="0"
inkscape:window-maximized="0" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<text
xml:space="preserve"
id="text22"
style="font-weight:bold;font-size:10.5833px;line-height:1.25;font-family:'Bookman Old Style';-inkscape-font-specification:'Bookman Old Style Bold';text-align:center;white-space:pre;shape-inside:url(#rect24)"
x="0"
y="0"><tspan
x="85.936012"
y="109.17887"><tspan
style="text-align:center;text-anchor:middle">Test</tspan></tspan></text>
</g>
</svg>
rhandsontable with html tags
I am trying to create a handsontable widget using the rhandsontable() function from the rhandsontable package with custom html. The following code does not render the column as html:
VoyInfo$Details <- paste0("<b>","DWT: ","</b>", VoyInfo$dwt, "<br>",
"<b>", "IceClass: ", "</b>", VoyInfo$IceClass, "<br>",
"<b>", "IMO: ", "</b>", VoyInfo$imo_no, "<br>",
"<b>", "Vessel Type: ", "</b>", VoyInfo$VesselType)
However using the DT package, I can render this successfully as html by using datatable(VoyInfo, escape=FALSE). Is there something akin to the escape argument in rhandsontable?
SVG Animations not working on Google Chrome or IE
My code is <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="280px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve"> <path fill="transparent" stroke="#424A52" stroke-width="1" stroke-dasharray="1000" d="M184.127,70.885c0,0-0.495,1.486-1.75,1.486h-5.501h-6.361c-7.482,0.115-15.246,0-15.246,0h-19.685h-0.29 c-5.167,0-9.35-4.188-9.35-9.35c0-0.24,0.004-0.473,0.021-0.709V28.389v-0.245c0-5.167,4.185-9.351,9.352-9.351h19.109h9.717 l4.35,0.004V2.442c0-0.723-0.178-2.442,1.58-2.442h5.818h6.658c1.75,0,1.572,1.72,1.572,2.442L184.127,70.885z M164.144,32.04 l-9.717-0.012c-3.534-0.009-6.987-0.004-8.312,0.012c-3.113,0.027-4.432,1.942-4.432,3.826V55.89c0,1.883,1.318,3.802,4.432,3.825 c3.113,0.027,9.153,0,9.153,0h9.952c2.596,0,3.268-0.602,3.268-2.487V32.04H164.144z M120.82,70.885c0,0-0.496,1.486-1.751,1.486 h-5.496h-6.366c-7.477,0.115-15.242,0-15.242,0H72.276h-0.287c-5.165,0-9.354-4.188-9.354-9.35c0-0.24,0.013-0.473,0.028-0.709 V28.389l-0.006-0.245c0-5.167,4.19-9.351,9.354-9.351H91.12h9.716h4.35l0.008-16.351c0-0.723-0.186-2.442,1.569-2.442h5.826h6.651 c1.758,0,1.574,1.72,1.574,2.442L120.82,70.885z M100.837,32.04l-9.716-0.012c-3.536-0.009-6.988-0.004-8.311,0.012 c-3.116,0.027-4.428,1.942-4.428,3.826V55.89c0,1.883,1.312,3.802,4.428,3.825c3.11,0.027,9.154,0,9.154,0h9.947 c2.603,0,3.268-0.602,3.268-2.487l0.007-25.188H100.837z M41.873,39.316v-3.304l0.013-0.256c0-1.881-1.376-3.433-3.172-3.729 c-0.189-0.031-0.385-0.052-0.599-0.052H3.391c0,0-1.428-0.111-1.428-1.431V19.732c0,0,0.059-0.975,1.262-0.975h0.166H48.17 c5.042,0.059,9.054,3.958,9.279,8.848c0.033,0.379,0.059,0.769,0.059,1.178v41.902c0,0,0.224,1.735-1.407,1.735H9.262l-0.178-0.026 c-3.305-0.071-6.177-1.865-7.76-4.524C0.524,66.646,0,65.094,0,63.135c0-8.196,0.028-14.571,0.028-14.571 c0-5.114,4.146-9.258,9.257-9.258l0.448,0.011L41.873,39.316L41.873,39.316z M12.519,52.915v4.377c0,1.526,1.238,2.764,2.764,2.764 H41.96v-9.9H15.282C13.757,50.154,12.519,51.391,12.519,52.915z M238.49,18.847c4.27,0.044,7.776,2.801,8.943,6.583 c0.264,0.839,0.419,1.751,0.419,2.758v17.447V63.03c0,4.961-3.825,9.006-8.678,9.352c-0.23,0.027-0.448,0.039-0.647,0.039h-19.976 h-19.967c-4.396-0.008-8.056-3.025-9.065-7.098c-0.171-0.701-0.271-1.449-0.271-2.258v-17.43V28.218v-0.151 c0.024-0.847,0.124-1.529,0.289-2.169c0.977-3.841,4.341-6.727,8.409-7.012c0.229-0.026,0.449-0.039,0.656-0.039h19.948H238.49z M228.722,31.97h-10.17h-10.178c-0.1,0-0.211,0.007-0.332,0.021c-2.078,0.144-3.785,1.622-4.288,3.579 c-0.086,0.324-0.138,0.676-0.147,1.186v8.88v8.893c0,0.408,0.05,0.795,0.136,1.146c0.517,2.078,2.385,3.623,4.628,3.623h10.182 h10.186c0.108,0,0.216-0.004,0.332-0.021c2.474-0.175,4.425-2.237,4.425-4.771v-8.869v-8.896c0-0.52-0.074-0.986-0.214-1.407 C232.688,33.404,230.899,31.997,228.722,31.97z M284.508,42.245c-1.627,1.908-3.631,2.168-4.997,2.168 c-2.052,0-3.748-0.637-5.115-2.264c-1.179-1.367-2.099-3.561-2.099-6.507c0-4.597,2.264-8.723,7.214-8.723 c5.517,0,7.144,4.856,7.12,8.628C286.606,38.094,285.853,40.665,284.508,42.245z M279.51,28.288c-4.242,0-5.539,4.196-5.539,7.379 c0,3.087,1.226,7.332,5.47,7.332c5.14,0,5.492-6.082,5.492-7.425C284.958,32.555,283.73,28.288,279.51,28.288z M291.252,43.988 h-1.533V27.344h10.892v1.391h-9.358v5.634h8.394v1.368h-8.394V43.988L291.252,43.988z M304.5,43.988h-1.533V27.344h10.893v1.391 h-9.357v5.634h8.393v1.368h-8.393v8.251H304.5z M317.797,43.988h-1.58V27.344h1.58V43.988z M334.323,40.357 c-1.603,3.536-4.102,4.056-6.177,4.056c-1.155,0-3.583-0.164-5.327-2.217c-1.25-1.461-1.934-3.818-1.934-6.412 c0-3.536,1.273-8.864,7.119-8.864c4.479,0,5.705,2.711,6.437,4.314l-1.58,0.825c-0.306-1.368-1.084-2.381-1.769-2.9 c-1.107-0.825-2.428-0.849-3.018-0.849c-1.791,0-3.041,0.519-4.103,1.957c-1.154,1.58-1.438,3.489-1.438,5.281 c0,1.132,0.166,3.843,1.391,5.494c1.32,1.769,3.229,1.957,4.408,1.957c0.803,0,1.746-0.095,2.617-0.707 c0.59-0.401,1.51-1.367,1.909-2.83L334.323,40.357z M348.799,43.988H337.34V27.344h10.869v1.462h-9.289v5.917h8.416v1.462h-8.416 v6.341h9.879V43.988z M359.502,43.988h-1.533V27.344h10.892v1.391h-9.358v5.634h8.394v1.368h-8.394V43.988L359.502,43.988z M372.75,27.344v9.903c0,1.814,0.023,3.088,0.801,4.125c0.566,0.754,1.793,1.58,3.867,1.58c0.59,0,1.392-0.048,2.168-0.354 c1.273-0.495,1.935-1.298,2.287-2.759c0.143-0.565,0.166-1.557,0.166-2.17V27.344h1.578v7.568c0,4.62,0,6.2-1.414,7.732 c-1.201,1.297-2.994,1.769-4.738,1.769c-2.805,0-5.115-1.203-5.894-3.606c-0.401-1.202-0.378-2.122-0.378-5.752v-7.709 L372.75,27.344L372.75,27.344z M400.168,43.988h-1.979l-5.259-7.379h-3.913v7.379h-1.58V27.321h4.668c2.9,0,3.631,0.023,4.668,0.377 c2.734,0.966,2.924,3.583,2.924,4.408c0,1.745-0.754,2.711-1.25,3.206c-1.201,1.132-2.781,1.226-3.678,1.297L400.168,43.988z M389.018,35.242h3.913c1.085,0,2.099-0.024,2.806-0.165c1.768-0.354,2.404-1.698,2.404-3.042c0-1.626-0.803-2.853-2.428-3.183 c-0.473-0.094-0.685-0.118-2.782-0.118h-3.913V35.242L389.018,35.242z M415.54,43.988h-1.555l-9.783-14.381v14.381h-1.533V27.344 h1.533l9.924,14.241l-0.141-14.241h1.555V43.988z M420.94,43.988h-1.58V27.344h1.58V43.988z M430.016,43.988h-1.58V28.735h-5.232 v-1.391h12.07v1.391h-5.258V43.988L430.016,43.988z M439.069,27.344v9.903c0,1.814,0.021,3.088,0.801,4.125 c0.564,0.754,1.791,1.58,3.865,1.58c0.59,0,1.393-0.048,2.17-0.354c1.271-0.495,1.934-1.298,2.287-2.759 c0.141-0.565,0.164-1.557,0.164-2.17V27.344h1.578v7.568c0,4.62,0,6.2-1.412,7.732c-1.203,1.297-2.994,1.769-4.738,1.769 c-2.807,0-5.117-1.203-5.896-3.606c-0.398-1.202-0.377-2.122-0.377-5.752v-7.709L439.069,27.344L439.069,27.344z M466.485,43.988 h-1.979l-5.258-7.379h-3.914v7.379h-1.58V27.321h4.668c2.9,0,3.631,0.023,4.668,0.377c2.734,0.966,2.924,3.583,2.924,4.408 c0,1.745-0.754,2.711-1.25,3.206c-1.201,1.132-2.781,1.226-3.678,1.297L466.485,43.988z M455.334,35.242h3.914 c1.084,0,2.098-0.024,2.805-0.165c1.77-0.354,2.404-1.698,2.404-3.042c0-1.626-0.801-2.853-2.428-3.183 c-0.473-0.094-0.684-0.118-2.781-0.118h-3.914V35.242L455.334,35.242z M480.442,43.988h-11.457V27.344h10.867v1.462h-9.287v5.917 h8.416v1.462h-8.416v6.341h9.877V43.988L480.442,43.988z M285.734,68.648c-1.603,3.536-4.103,4.056-6.177,4.056 c-1.155,0-3.583-0.164-5.327-2.217c-1.25-1.461-1.935-3.818-1.935-6.412c0-3.535,1.273-8.863,7.119-8.863 c4.479,0,5.707,2.711,6.438,4.313l-1.58,0.825c-0.307-1.367-1.084-2.381-1.768-2.898c-1.108-0.826-2.43-0.851-3.019-0.851 c-1.792,0-3.041,0.521-4.103,1.957c-1.154,1.58-1.438,3.489-1.438,5.28c0,1.131,0.165,3.844,1.392,5.492 c1.32,1.77,3.229,1.957,4.408,1.957c0.801,0,1.744-0.094,2.616-0.707c0.591-0.4,1.509-1.367,1.909-2.828L285.734,68.648z M300.233,70.536c-1.627,1.908-3.631,2.168-4.998,2.168c-2.051,0-3.748-0.637-5.115-2.264c-1.179-1.367-2.099-3.561-2.099-6.507 c0-4.597,2.265-8.724,7.214-8.724c5.518,0,7.145,4.856,7.12,8.629C302.331,66.385,301.577,68.956,300.233,70.536z M295.235,56.579 c-4.242,0-5.54,4.195-5.54,7.379c0,3.088,1.226,7.332,5.47,7.332c5.14,0,5.492-6.082,5.492-7.427 C300.682,60.846,299.456,56.579,295.235,56.579z M318.315,72.279h-1.557l-9.782-14.381v14.381h-1.533V55.635h1.533l9.925,14.24 l-0.143-14.24h1.557V72.279z M327.393,72.279h-1.58V57.026h-5.232v-1.391h12.069v1.391h-5.257V72.279L327.393,72.279z M347.643,72.279h-1.979l-5.258-7.379h-3.914v7.379h-1.58V55.612h4.668c2.9,0,3.631,0.023,4.668,0.377 c2.734,0.967,2.924,3.584,2.924,4.408c0,1.745-0.754,2.711-1.25,3.206c-1.201,1.132-2.781,1.228-3.678,1.297L347.643,72.279z M336.493,63.534h3.912c1.086,0,2.1-0.023,2.807-0.166c1.768-0.354,2.404-1.697,2.404-3.041c0-1.627-0.803-2.853-2.429-3.183 c-0.472-0.095-0.685-0.118-2.782-0.118h-3.912V63.534L336.493,63.534z M363.204,72.279h-1.722l-1.909-5.021h-7.449l-1.887,5.021 h-1.77l6.791-16.644h1.32L363.204,72.279z M359.102,65.984l-3.206-8.485l-3.254,8.485H359.102z M378.079,68.648 c-1.603,3.536-4.102,4.056-6.177,4.056c-1.155,0-3.583-0.164-5.327-2.217c-1.25-1.461-1.934-3.818-1.934-6.412 c0-3.535,1.273-8.863,7.12-8.863c4.479,0,5.704,2.711,6.437,4.313l-1.58,0.825c-0.307-1.367-1.084-2.381-1.769-2.898 c-1.108-0.826-2.429-0.851-3.019-0.851c-1.791,0-3.041,0.521-4.103,1.957c-1.153,1.58-1.438,3.489-1.438,5.28 c0,1.131,0.166,3.844,1.392,5.492c1.319,1.77,3.229,1.957,4.407,1.957c0.803,0,1.746-0.094,2.617-0.707 c0.59-0.4,1.51-1.367,1.91-2.828L378.079,68.648z M386.354,72.279h-1.58V57.026h-5.232v-1.391h12.069v1.391h-5.257V72.279 L386.354,72.279z"> <animate attributeName="fill" from="transparent" to="#424A52" dur="1s" begin="2s" fill="freeze" /> <animate attributeName="stroke-dashoffset" from="1000" to="0" dur="6s" fill="freeze" /> </path> </svg> This results in this warning message in Chrome: SVG's SMIL animations (, , etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead. What's the problem in my code?
There's no problem with your code other than Chrome has removed native SMIL support. Fortunately they also provided a SMIL shim. Drop that in to your page and you get SMIL back again. IE doesn't support SMIL either but the fakesmile shim can remedy that.
Set xPage dateTime picker size
When I set dateTime picker fixed size it moves calendar icon under the Edit box. How to fix that? Here is my simple xPage: <?xml version="1.0" encoding="UTF-8"?> <xp:view xmlns:xp="http://www.ibm.com/xsp/core" enableModifiedFlag="false" xmlns:xe="http://www.ibm.com/xsp/coreex"> <xp:inputText id="inputText1"> <xp:this.converter> <xp:convertDateTime type="date"></xp:convertDateTime> </xp:this.converter> <xp:dateTimeHelper></xp:dateTimeHelper> </xp:inputText> <xp:br></xp:br> <xp:inputText id="inputText2" style="width:122.0px"> <xp:this.converter> <xp:convertDateTime type="date"></xp:convertDateTime> </xp:this.converter> <xp:dateTimeHelper></xp:dateTimeHelper> </xp:inputText> </xp:view> And here is what I get: So how do I set datePicker fixed size and keep the icon inline?
Define a width for dateTime input field instead (Domino 8.5.x only):
.xspInputFieldDateTimePicker .dijitTextBox {
width:90px;
}
This error doesn't occur in Domino 9.0.1.
css being ignored in ie8/9, not at selector limit
trying to figure out why ie keeps ignoring my css. My selectors are only at 3494, my file size is 960KB, and there are 15600 lines before being ignored, but minifying to less lines has no effect.
Works fine in ie10, firefox, chrome.
All of that said, everything I've read is that there is only a selector limit, import nesting limit, and stylesheet limit.
Any ideas?
It is choking on on the arrowthick styles. I was able to get it to stop at different places by moving some things around, so I doubt it is syntax.
here is the stuff that gets skipped off the end,
.ui-icon-arrowthick-1-n{background-position:0 -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-on{background-position:-96px -144px}
.ui-icon-radio-off{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-start{background-position:-80px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
A possible solution:
Fix all syntax errors:
.ui-icon-arrow-4-diag{background-position:-16px -80px}
needs to have a semicolumn
.ui-icon-arrow-4-diag{background-position:-16px -80px;}
A bunch of those errors could cause problems.