Chatto-Desktop-ScalaFX/src/main/resources/fxml/Login.fxml

<?xml version="1.0" encoding="UTF-8" ?>

<?import com.jfoenix.controls.JFXButton ?>
<?import com.jfoenix.controls.JFXPasswordField ?>
<?import com.jfoenix.controls.JFXTextField ?>
<?import java.net.URL ?>
<?import javafx.scene.control.Label ?>
<?import javafx.scene.effect.DropShadow ?>
<?import javafx.scene.layout.ColumnConstraints ?>
<?import javafx.scene.layout.GridPane ?>
<?import javafx.scene.layout.RowConstraints ?>
<?import javafx.scene.layout.VBox ?>
<?import javafx.scene.text.Font ?>

<!--  minHeight="533.0" minWidth="800" maxHeight="533.0" maxWidth="800" -->
<!-- fx:controller="com.example.javafx.controller.LoginController" -->


<GridPane prefHeight="533.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="wow.doge.chatto.controller.LoginController">
	<columnConstraints>
		<ColumnConstraints hgrow="SOMETIMES" maxWidth="257.0" minWidth="10.0" prefWidth="122.0" />
		<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="667.0" />
		<ColumnConstraints hgrow="SOMETIMES" maxWidth="121.0" minWidth="10.0" prefWidth="119.0" />
	</columnConstraints>
	<rowConstraints>
		<RowConstraints maxHeight="170.0" minHeight="0.0" prefHeight="54.0" vgrow="SOMETIMES" />
		<RowConstraints minHeight="10.0" prefHeight="429.0" vgrow="SOMETIMES" />
		<RowConstraints maxHeight="63.0" minHeight="0.0" prefHeight="48.0" vgrow="SOMETIMES" />
	</rowConstraints>
	<children>
		<VBox alignment="CENTER" fillWidth="false" prefHeight="431.0" prefWidth="283.0" spacing="20.0" style="-fx-background-color: #fff; -fx-background-radius: 40px;" GridPane.columnIndex="1" GridPane.rowIndex="1">
			<effect>
				<DropShadow color="#9e9e9e" />
			</effect>
			<children>
				<Label lineSpacing="10.0" text="Sign In" textFill="#004ecd">
					<font>
						<Font name="Microsoft JhengHei UI Light" size="28.0" />
					</font>
				</Label>
				<Label alignment="CENTER" prefHeight="37.0" prefWidth="324.0" text="Hi, please login to view your messages" textAlignment="CENTER" textFill="#727070" wrapText="true">
					<font>
						<Font size="14.0" />
					</font>
				</Label>
				<JFXTextField fx:id="usernameTextField" focusColor="#d30699" labelFloat="true" minWidth="196.0" prefHeight="31.0" prefWidth="215.0" promptText="Username" />
				<JFXPasswordField fx:id="passwordTextField" focusColor="#fb06d2" labelFloat="true" minWidth="196.0" prefHeight="31.0" prefWidth="215.0" promptText="Password" />
				<!-- <JFXButton fx:id="submitButton" buttonType="RAISED" prefHeight="37.0" prefWidth="110.0" ripplerFill="WHITE" style="-fx-background-color: #fb06d2; -fx-background-radius: 50px;" text="Get started" textFill="WHITE" /> -->
				<JFXButton fx:id="submitButton" styleClass="btn, btn-primary" text="Submit" />

				<!-- style="-fx-background-radius: 50px;-fx-background-color: #fb06d2" -->

				<Label fx:id="errorLabel" alignment="CENTER" prefHeight="37.0" prefWidth="324.0" text="" textAlignment="CENTER" textFill="#727070" wrapText="true">
					<font>
						<Font size="14.0" />
					</font>
				</Label>

				<Label alignment="CENTER" prefHeight="31.0" prefWidth="263.0" text="Forgot password" textAlignment="CENTER" textFill="#727070" wrapText="true">
					<font>
						<Font size="14.0" />
					</font>
				</Label>
				<Label alignment="CENTER" prefHeight="31.0" prefWidth="221.0" text="Create a new account " textAlignment="CENTER" textFill="#727070" wrapText="true">
					<font>
						<Font size="14.0" />
					</font>
				</Label>
			</children>
		</VBox>
	</children>
	<stylesheets>
		<URL value="@../styles/style2.css" />
		<URL value="@../styles/bootstrapfx.css" />
	</stylesheets>
</GridPane>