{"id":1006,"date":"2014-03-23T16:01:30","date_gmt":"2014-03-23T15:01:30","guid":{"rendered":"http:\/\/www.jensd.de\/wordpress\/?p=1006"},"modified":"2014-03-23T16:02:16","modified_gmt":"2014-03-23T15:02:16","slug":"call-to-verify-responsiveness-of-your-javafx-uis","status":"publish","type":"post","link":"https:\/\/www.jensd.de\/wordpress\/?p=1006","title":{"rendered":"Call to verify responsiveness of your JavaFX UIs"},"content":{"rendered":"

Recently Jim Weaver installed my little picture indexing app “picmodo” for a demo on his Surface Pro and the GUI became a pice of junk.<\/p>\n

Obviously the basic font size of JavaFX on a Windows Tablet is to high: <\/p>\n

\"picmodo-main-crap\"<\/a><\/p>\n

\"user-editor-crap\"<\/a><\/p>\n

\"picmodo-options-crap\"<\/a><\/p>\n

I assume, too absolute sizes and positions are not always the best idea, even if the resize behaviour works like expected and the UI it looks quite ok on the developers machine… \ud83d\ude09 <\/p>\n

So I suppose to frequently give it a try by simply adding this to your CSS to increase default font size a bit and change the button sizes to verify the responsiveness of your layouts:<\/p>\n


\n.root{
\n -fx-font-size: 16pt;
\n}<\/p>\n

.button, .toggle-button, .choice-box {
\n -fx-padding: 10px 20px 10px 20px;
\n}
\n<\/code><\/p>\n

Somehow that forced me to modify some things. So basically I now prefer to use a combination of VBox, HBox and Region(s) (as a kind of spring-delimiter) for the major layout and to give a bit more respect to “USE_COMPUTED_SIZE” of controls and panes …<\/p>\n

\"picmodo-main-clean\"<\/a><\/p>\n

\"user-editor-clean\"<\/a><\/p>\n

\"picmodo-options-clean\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Recently Jim Weaver installed my little picture indexing app “picmodo” for a demo on his Surface Pro and the GUI became a pice of junk. Obviously the basic font size of JavaFX on a Windows Tablet is to high: I assume, too absolute sizes and positions are not always the best idea, even if the… <\/span>Continue Reading Call to verify responsiveness of your JavaFX UIs<\/span><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false,"jetpack_publicize_message":"Call to \"stress\" test your JavaFX UIs! http:\/\/wp.me\/p38FCL-ge","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[32,4,8],"tags":[93,76,39],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p38FCL-ge","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1006"}],"collection":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1006"}],"version-history":[{"count":11,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1931,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1006\/revisions\/1931"}],"wp:attachment":[{"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jensd.de\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}