{"id":1367,"date":"2012-06-20T01:02:00","date_gmt":"2012-06-20T01:02:00","guid":{"rendered":"http:\/\/www.javacodegeeks.com\/2012\/10\/javafx-2-create-login-form.html"},"modified":"2012-10-22T05:32:04","modified_gmt":"2012-10-22T05:32:04","slug":"in-this-tutorial-i-will-design-nice","status":"publish","type":"post","link":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html","title":{"rendered":"JavaFX 2: Create Login Form"},"content":{"rendered":"<div dir=\"ltr\" style=\"text-align: left\">In this tutorial I will design a nice looking <strong>Login Form<\/strong> with<a href=\"http:\/\/zoranpavlovic.blogspot.com\/?tag=javafx-2.0\"> JavaFX 2<\/a> and CSS. It&#8217;s clasic login form with username and password, and login button. In order to follow this tutorial I strongly recommend you to check these tutorials below:<\/p>\n<ul>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/getting-started-with-javafx-in-eclipse.html\">Getting started with JavaFX 2 in Eclipse IDE<\/a><\/li>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-20-layouts-hbox.html\">JavaFX 2: HBox<\/a><\/li>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-20-layouts-gridpane.html\">JavaFX 2: GridPane<\/a><\/li>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-2-css-styling-buttons.html\">JavaFX 2: Styling Buttons<\/a><\/li>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-2-working-with-text-and-text.html\">JavaFX 2: Working with Text and Text Effects<\/a><\/li>\n<\/ul>\n<p><strong>Username:<\/strong> JavaFX2                                       <strong>Password:<\/strong> password                                       <\/p>\n<p>You can enter this information above and click on Login button. It will tell you with a little message that login is successful, but if you enter wrong information, it will tell you with a little message that login isn&#8217;t successful.<br \/>\nThe final output screenshot of this tutorial will be like below image.            <\/p>\n<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/1.bp.blogspot.com\/-AUC3Trai5_c\/T8TxeTh__UI\/AAAAAAAAAOE\/WyVQO3Q3Lvs\/s1600\/finalFXLogin.PNG\"><img decoding=\"async\" alt=\"JavaFX 2 Login Form\" border=\"0\" height=\"272\" src=\"http:\/\/1.bp.blogspot.com\/-AUC3Trai5_c\/T8TxeTh__UI\/AAAAAAAAAOE\/WyVQO3Q3Lvs\/s400\/finalFXLogin.PNG\" width=\"400\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>JavaFX 2 Login Form<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Here is Java code of our example: <\/p>\n<pre class=\"brush:java\">import javafx.application.Application;\r\nimport javafx.event.ActionEvent;\r\nimport javafx.event.EventHandler;\r\nimport javafx.geometry.Insets;\r\nimport javafx.scene.Scene;\r\nimport javafx.scene.control.Button;\r\nimport javafx.scene.control.Label;\r\nimport javafx.scene.control.PasswordField;\r\nimport javafx.scene.control.TextField;\r\nimport javafx.scene.effect.DropShadow;\r\nimport javafx.scene.effect.Reflection;\r\nimport javafx.scene.layout.BorderPane;\r\nimport javafx.scene.layout.GridPane;\r\nimport javafx.scene.layout.HBox;\r\nimport javafx.scene.paint.Color;\r\nimport javafx.scene.text.Font;\r\nimport javafx.scene.text.FontWeight;\r\nimport javafx.scene.text.Text;\r\nimport javafx.stage.Stage;\r\n \r\n\/**\r\n *\r\n * @web http:\/\/zoranpavlovic.blogspot.com\/\r\n *\/\r\npublic class Login extends Application {\r\n \r\n String user = \"JavaFX2\";\r\n String pw = \"password\";\r\n String checkUser, checkPw;\r\n \r\n    public static void main(String[] args) {\r\n        launch(args);\r\n    }\r\n     \r\n    @Override\r\n    public void start(Stage primaryStage) {\r\n        primaryStage.setTitle(\"JavaFX 2 Login\");\r\n        \r\n        BorderPane bp = new BorderPane();\r\n        bp.setPadding(new Insets(10,50,50,50));\r\n        \r\n        \/\/Adding HBox\r\n        HBox hb = new HBox();\r\n        hb.setPadding(new Insets(20,20,20,30));\r\n        \r\n        \/\/Adding GridPane\r\n        GridPane gridPane = new GridPane();\r\n        gridPane.setPadding(new Insets(20,20,20,20));\r\n        gridPane.setHgap(5);\r\n        gridPane.setVgap(5);\r\n        \r\n       \/\/Implementing Nodes for GridPane\r\n        Label lblUserName = new Label(\"Username\");\r\n        final TextField txtUserName = new TextField();\r\n        Label lblPassword = new Label(\"Password\");\r\n        final PasswordField pf = new PasswordField();\r\n        Button btnLogin = new Button(\"Login\");\r\n        final Label lblMessage = new Label();\r\n        \r\n        \/\/Adding Nodes to GridPane layout\r\n        gridPane.add(lblUserName, 0, 0);\r\n        gridPane.add(txtUserName, 1, 0);\r\n        gridPane.add(lblPassword, 0, 1);\r\n        gridPane.add(pf, 1, 1);\r\n        gridPane.add(btnLogin, 2, 1);\r\n        gridPane.add(lblMessage, 1, 2);\r\n        \r\n                \r\n        \/\/Reflection for gridPane\r\n        Reflection r = new Reflection();\r\n        r.setFraction(0.7f);\r\n        gridPane.setEffect(r);\r\n        \r\n        \/\/DropShadow effect \r\n        DropShadow dropShadow = new DropShadow();\r\n        dropShadow.setOffsetX(5);\r\n        dropShadow.setOffsetY(5);\r\n        \r\n        \/\/Adding text and DropShadow effect to it\r\n        Text text = new Text(\"JavaFX 2 Login\");\r\n        text.setFont(Font.font(\"Courier New\", FontWeight.BOLD, 28));\r\n        text.setEffect(dropShadow);\r\n        \r\n        \/\/Adding text to HBox\r\n        hb.getChildren().add(text);\r\n                          \r\n        \/\/Add ID's to Nodes\r\n        bp.setId(\"bp\");\r\n        gridPane.setId(\"root\");\r\n        btnLogin.setId(\"btnLogin\");\r\n        text.setId(\"text\");\r\n                \r\n        \/\/Action for btnLogin\r\n        btnLogin.setOnAction(new EventHandler() {\r\n         public void handle(ActionEvent event) {\r\n          checkUser = txtUserName.getText().toString();\r\n          checkPw = pf.getText().toString();\r\n          if(checkUser.equals(user) &amp;&amp; checkPw.equals(pw)){\r\n           lblMessage.setText(\"Congratulations!\");\r\n           lblMessage.setTextFill(Color.GREEN);\r\n          }\r\n          else{\r\n           lblMessage.setText(\"Incorrect user or pw.\");\r\n           lblMessage.setTextFill(Color.RED);\r\n          }\r\n          txtUserName.setText(\"\");\r\n          pf.setText(\"\");\r\n         }\r\n         });\r\n       \r\n        \/\/Add HBox and GridPane layout to BorderPane Layout\r\n        bp.setTop(hb);\r\n        bp.setCenter(gridPane);  \r\n        \r\n        \/\/Adding BorderPane to the scene and loading CSS\r\n     Scene scene = new Scene(bp);\r\n     scene.getStylesheets().add(getClass().getClassLoader().getResource(\"login.css\").toExternalForm());\r\n     primaryStage.setScene(scene);\r\n       primaryStage.titleProperty().bind(\r\n                 scene.widthProperty().asString().\r\n                 concat(\" : \").\r\n                 concat(scene.heightProperty().asString()));\r\n     \/\/primaryStage.setResizable(false);\r\n     primaryStage.show();\r\n    }\r\n}\r\n<\/pre>\n<p>In order to style this application properly you&#8217;ll need to create              <strong><i>login.css<\/i><\/strong> file in              <strong><i>\/src<\/i><\/strong> folder of your project.                                        If you dont know how to do that, please check out             <a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-2-css-styling-buttons.html\"> JavaFX 2: Styling Buttons tutorial<\/a>.<div style=\"display:inline-block; margin: 15px 0;\"> <div id=\"adngin-JavaCodeGeeks_incontent_video-0\" style=\"display:inline-block;\"><\/div> <\/div><\/p>\n<p>Here is CSS code of our example: <\/p>\n<pre class=\"brush:java\">\r\n#root {\r\n -fx-background-color:  linear-gradient(lightgray, gray);\r\n -fx-border-color: white;\r\n -fx-border-radius: 20;\r\n -fx-padding: 10 10 10 10;\r\n -fx-background-radius: 20;\r\n \r\n}\r\n\r\n#bp {\r\n -fx-background-color:  linear-gradient(gray,DimGrey );\r\n \r\n}\r\n\r\n#btnLogin {\r\n    -fx-background-radius: 30, 30, 29, 28;\r\n    -fx-padding: 3px 10px 3px 10px;\r\n    -fx-background-color: linear-gradient(orange, orangered );\r\n}\r\n\r\n#text {\r\n -fx-fill:  linear-gradient(orange , orangered);\r\n}\r\n<\/pre>\n<p>Thats&#8217;all folks for this tutorial, if you have any comments or problems, feel free to comment. If you like this tutorial, you can check out more JavFX 2 tutorials on this blog.             <\/p>\n<p>You might want to take a look at these tutorials below:<\/p>\n<ul>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-2-css-styling-buttons.html\">JavaFX 2: Styling Buttons with CSS<\/a><\/li>\n<li><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/06\/javafx-2-styling-text-with-css.html\">JavaFX 2: Styling Text with CSS<\/a><\/li>\n<\/ul>\n<p><strong><i>Reference: <\/i><\/strong><a href=\"http:\/\/zoranpavlovic.blogspot.com\/2012\/05\/javafx-2-create-nice-login-form.html\">JavaFX 2: Create Nice Login Form<\/a> from our <a href=\"http:\/\/www.javacodegeeks.com\/p\/jcg.html\">JCG partner<\/a> Zoran Pavlovic at the <a href=\"http:\/\/zoranpavlovic.blogspot.com\/\">Zoran Pavlovic blog<\/a> blog.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It&#8217;s clasic login form with username and password, and login button. In order to follow this tutorial I strongly recommend you to check these tutorials below: Getting started with JavaFX 2 in Eclipse IDE JavaFX 2: HBox JavaFX 2: &hellip;<\/p>\n","protected":false},"author":238,"featured_media":147,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[195],"class_list":["post-1367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desktop-java","tag-javafx"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaFX 2: Create Login Form - Java Code Geeks<\/title>\n<meta name=\"description\" content=\"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It&#039;s clasic login form with username and password, and login button. In\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaFX 2: Create Login Form - Java Code Geeks\" \/>\n<meta property=\"og:description\" content=\"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It&#039;s clasic login form with username and password, and login button. In\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html\" \/>\n<meta property=\"og:site_name\" content=\"Java Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/javacodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-20T01:02:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-10-22T05:32:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Zoran Pavlovic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zoran Pavlovic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html\"},\"author\":{\"name\":\"Zoran Pavlovic\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#\\\/schema\\\/person\\\/31437d3e6768248ae02616a2c5c955de\"},\"headline\":\"JavaFX 2: Create Login Form\",\"datePublished\":\"2012-06-20T01:02:00+00:00\",\"dateModified\":\"2012-10-22T05:32:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html\"},\"wordCount\":249,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/javafx-logo.jpg\",\"keywords\":[\"JavaFX\"],\"articleSection\":[\"Desktop Java\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html\",\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html\",\"name\":\"JavaFX 2: Create Login Form - Java Code Geeks\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/javafx-logo.jpg\",\"datePublished\":\"2012-06-20T01:02:00+00:00\",\"dateModified\":\"2012-10-22T05:32:04+00:00\",\"description\":\"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It's clasic login form with username and password, and login button. In\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#primaryimage\",\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/javafx-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/javafx-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/2012\\\/06\\\/in-this-tutorial-i-will-design-nice.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.javacodegeeks.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Java\",\"item\":\"https:\\\/\\\/www.javacodegeeks.com\\\/category\\\/java\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desktop Java\",\"item\":\"https:\\\/\\\/www.javacodegeeks.com\\\/category\\\/java\\\/desktop-java\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"JavaFX 2: Create Login Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#website\",\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/\",\"name\":\"Java Code Geeks\",\"description\":\"Java Developers Resource Center\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#organization\"},\"alternateName\":\"JCG\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.javacodegeeks.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/exelixis-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.javacodegeeks.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/javacodegeeks\",\"https:\\\/\\\/x.com\\\/javacodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.javacodegeeks.com\\\/#\\\/schema\\\/person\\\/31437d3e6768248ae02616a2c5c955de\",\"name\":\"Zoran Pavlovic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g\",\"caption\":\"Zoran Pavlovic\"},\"sameAs\":[\"http:\\\/\\\/zoranpavlovic.blogspot.com\\\/\"],\"url\":\"https:\\\/\\\/www.javacodegeeks.com\\\/author\\\/Zoran-Pavlovic\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaFX 2: Create Login Form - Java Code Geeks","description":"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It's clasic login form with username and password, and login button. In","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html","og_locale":"en_US","og_type":"article","og_title":"JavaFX 2: Create Login Form - Java Code Geeks","og_description":"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It's clasic login form with username and password, and login button. In","og_url":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html","og_site_name":"Java Code Geeks","article_publisher":"https:\/\/www.facebook.com\/javacodegeeks","article_published_time":"2012-06-20T01:02:00+00:00","article_modified_time":"2012-10-22T05:32:04+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg","type":"image\/jpeg"}],"author":"Zoran Pavlovic","twitter_card":"summary_large_image","twitter_creator":"@javacodegeeks","twitter_site":"@javacodegeeks","twitter_misc":{"Written by":"Zoran Pavlovic","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#article","isPartOf":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html"},"author":{"name":"Zoran Pavlovic","@id":"https:\/\/www.javacodegeeks.com\/#\/schema\/person\/31437d3e6768248ae02616a2c5c955de"},"headline":"JavaFX 2: Create Login Form","datePublished":"2012-06-20T01:02:00+00:00","dateModified":"2012-10-22T05:32:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html"},"wordCount":249,"commentCount":6,"publisher":{"@id":"https:\/\/www.javacodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#primaryimage"},"thumbnailUrl":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg","keywords":["JavaFX"],"articleSection":["Desktop Java"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html","url":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html","name":"JavaFX 2: Create Login Form - Java Code Geeks","isPartOf":{"@id":"https:\/\/www.javacodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#primaryimage"},"image":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#primaryimage"},"thumbnailUrl":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg","datePublished":"2012-06-20T01:02:00+00:00","dateModified":"2012-10-22T05:32:04+00:00","description":"In this tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It's clasic login form with username and password, and login button. In","breadcrumb":{"@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#primaryimage","url":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg","contentUrl":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2012\/10\/javafx-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.javacodegeeks.com\/2012\/06\/in-this-tutorial-i-will-design-nice.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.javacodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"Java","item":"https:\/\/www.javacodegeeks.com\/category\/java"},{"@type":"ListItem","position":3,"name":"Desktop Java","item":"https:\/\/www.javacodegeeks.com\/category\/java\/desktop-java"},{"@type":"ListItem","position":4,"name":"JavaFX 2: Create Login Form"}]},{"@type":"WebSite","@id":"https:\/\/www.javacodegeeks.com\/#website","url":"https:\/\/www.javacodegeeks.com\/","name":"Java Code Geeks","description":"Java Developers Resource Center","publisher":{"@id":"https:\/\/www.javacodegeeks.com\/#organization"},"alternateName":"JCG","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.javacodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.javacodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.javacodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.javacodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.javacodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/javacodegeeks","https:\/\/x.com\/javacodegeeks"]},{"@type":"Person","@id":"https:\/\/www.javacodegeeks.com\/#\/schema\/person\/31437d3e6768248ae02616a2c5c955de","name":"Zoran Pavlovic","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff586922fc44c610627370b6f9d837bfd758146ccd1b55ba69c26a61a4864515?s=96&d=mm&r=g","caption":"Zoran Pavlovic"},"sameAs":["http:\/\/zoranpavlovic.blogspot.com\/"],"url":"https:\/\/www.javacodegeeks.com\/author\/Zoran-Pavlovic"}]}},"_links":{"self":[{"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/users\/238"}],"replies":[{"embeddable":true,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/comments?post=1367"}],"version-history":[{"count":0,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/1367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/media\/147"}],"wp:attachment":[{"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/media?parent=1367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/categories?post=1367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.javacodegeeks.com\/wp-json\/wp\/v2\/tags?post=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}