envoy/src/main/resources/fxml/GroupCreationScene.fxml

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

<?import envoy.client.ui.ClearableTextField?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.control.Tooltip?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<VBox maxHeight="-Infinity" maxWidth="-Infinity"
	minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0"
	prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1"
	xmlns:fx="http://javafx.com/fxml/1"
	fx:controller="envoy.client.ui.controller.GroupCreationScene">
	<children>
		<HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
			<children>
				<ClearableTextField fx:id="groupNameField">
					<textField prefColumnCount="22"
						promptText="Enter Group Name"
						onInputMethodTextChanged="#textUpdated" onKeyTyped="#textUpdated" />
					<HBox.margin>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</HBox.margin>
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
					<tooltip>
						<Tooltip
							text="Enter something. A group with this name will be created."
							wrapText="true" />
					</tooltip>
				</ClearableTextField>
			</children>
		</HBox>
		<Label text="Choose Members:">
			<font>
				<Font size="16.0" />
			</font>
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
		</Label>
		<ListView fx:id="contactList"
			onMouseClicked="#contactListClicked" prefHeight="314.0"
			prefWidth="600.0">
			<VBox.margin>
				<Insets bottom="5.0" left="10.0" right="10.0" top="5.0" />
			</VBox.margin>
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
		</ListView>
		<BorderPane prefHeight="50.0">
			<left>
				<Button cancelButton="true" mnemonicParsing="true"
					onAction="#backButtonClicked" text="_Back"
					BorderPane.alignment="CENTER">
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
					<tooltip>
						<Tooltip autoHide="true"
							text="Takes you back to the screen where you can chat with others"
							wrapText="true" />
					</tooltip>
					<BorderPane.margin>
						<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
					</BorderPane.margin>
				</Button>
			</left>
			<right>
				<Button fx:id="createButton" alignment="CENTER_RIGHT"
					defaultButton="true" disable="true" mnemonicParsing="false"
					onAction="#createButtonClicked" text="Create"
					BorderPane.alignment="CENTER">
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
					<BorderPane.margin>
						<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
					</BorderPane.margin>
				</Button>
			</right>
		</BorderPane>
	</children>
</VBox>