envoy/src/main/resources/fxml/ContactSearchScene.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.ListView?>
<?import javafx.scene.control.Tooltip?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>

<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.ContactSearchScene">
	<children>
		<HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
			<children>
				<ClearableTextField fx:id="searchBar"
					prefWidth="310.0">
					<textField onInputMethodTextChanged="#sendRequest"
						onKeyTyped="#sendRequest" prefColumnCount="22"
						promptText="Enter username to search for">
					</textField>
					<HBox.margin>
						<Insets bottom="5.0" left="5.0" right="5.0" top="15.0" />
					</HBox.margin>
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
					<tooltip>
						<Tooltip
							text="Enter a name. If an account by that name exists, it will be displayed below."
							wrapText="true" />
					</tooltip>
				</ClearableTextField>
				<Button mnemonicParsing="false"
					onAction="#newGroupButtonClicked" prefHeight="26.0"
					prefWidth="139.0" text="New Group">
					<HBox.margin>
						<Insets bottom="5.0" left="30.0" right="5.0" top="5.0" />
					</HBox.margin>
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
				</Button>
			</children>
		</HBox>
		<ListView fx:id="contactList"
			onMouseClicked="#contactListClicked" prefHeight="314.0"
			prefWidth="600.0">
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
			<VBox.margin>
				<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
			</VBox.margin>
		</ListView>
		<Button cancelButton="true" mnemonicParsing="true"
			onAction="#backButtonClicked" text="_Back">
			<VBox.margin>
				<Insets bottom="10.0" left="10.0" />
			</VBox.margin>
			<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>
		</Button>
	</children>
</VBox>