MainMenuNew.fxml

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

<?import java.lang.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>

<AnchorPane fx:id="root" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="no.ntnu.idatt1002.demo.controller.MainMenu">
   <children>
      <ImageView fitHeight="719.0" fitWidth="1130.0" layoutY="-3.0" pickOnBounds="true" preserveRatio="true">
         <image>
            <Image url="@../Images/backgroundMini.jpg" />
         </image>
      </ImageView>
      <VBox alignment="TOP_CENTER" prefHeight="695.0" prefWidth="1100.0">
         <children>
            <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="144.0" prefWidth="1100.0">
               <left>
                  <Pane prefWidth="175.0" BorderPane.alignment="CENTER">
                     <children>
                        <Button fx:id="returnBtn" alignment="CENTER" layoutX="-2.0" layoutY="58.0" mnemonicParsing="false" onAction="#switchScene" styleClass="button-style" stylesheets="@../style.css" text="Return to start">
                           <font>
                              <Font name="Lucida Console" size="14.0" />
                           </font>
                        </Button>
                     </children>
                  </Pane>
               </left>
               <center>
                  <Label fx:id="title" styleClass="head-line" stylesheets="@../style.css" text="BUDGET JANUARY" textAlignment="CENTER" BorderPane.alignment="CENTER">
                     <font>
                        <Font name="Lucida Console" size="48.0" />
                     </font>
                  </Label>
               </center>
               <right>
                  <Pane BorderPane.alignment="CENTER">
                     <children>
                        <Label fx:id="daysLeftLbl" layoutX="27.0" layoutY="83.0" styleClass="font" stylesheets="@../style.css" text="Days left: 31">
                           <font>
                              <Font name="Lucida Console" size="14.0" />
                           </font>
                        </Label>
                        <DatePicker fx:id="date" layoutX="-4.0" layoutY="55.0" prefWidth="175.0" />
                     </children>
                  </Pane>
               </right>
               <VBox.margin>
                  <Insets left="15.0" right="15.0" />
               </VBox.margin>
               <bottom>
                  <Label fx:id="balanceLbl" styleClass="font" stylesheets="@../style.css" text="Balance: xxx" BorderPane.alignment="CENTER">
                     <font>
                        <Font name="Lucida Console" size="24.0" />
                     </font>
                  </Label>
               </bottom>
            </BorderPane>
            <BorderPane prefHeight="424.0" prefWidth="1130.0">
               <top>
                  <StackPane prefHeight="90.0" prefWidth="1130.0" BorderPane.alignment="CENTER">
                     <children>
                        <ProgressBar fx:id="mainBar" prefHeight="51.0" prefWidth="750.0" progress="0.54">
                           <StackPane.margin>
                              <Insets top="5.0" />
                           </StackPane.margin>
                        </ProgressBar>
                        <Label fx:id="usageLbl" prefHeight="49.0" prefWidth="287.0" styleClass="font" stylesheets="@../style.css" text="You have used xxx out of xxx this month">
                           <font>
                              <Font name="Lucida Console" size="14.0" />
                           </font>
                           <StackPane.margin>
                              <Insets top="5.0" />
                           </StackPane.margin>
                        </Label>
                     </children>
                  </StackPane>
               </top>
               <center>
                  <ScrollPane prefHeight="317.0" prefWidth="750.0" stylesheets="@../style.css" BorderPane.alignment="CENTER">
                    <content>
                      <AnchorPane prefHeight="331.0" prefWidth="744.0">
                           <children>
                              <VBox fx:id="miniBarScroll" layoutY="1.0" />
                           </children></AnchorPane>
                    </content>
                  </ScrollPane>
               </center>
               <right>
                  <Pane prefHeight="351.0" prefWidth="190.0" BorderPane.alignment="CENTER" />
               </right>
               <left>
                  <Pane prefHeight="320.0" prefWidth="190.0" BorderPane.alignment="CENTER" />
               </left>
            </BorderPane>
            <TilePane alignment="CENTER" hgap="50.0" prefHeight="127.0" prefWidth="1130.0">
               <children>
                  <Button fx:id="foodBtn" alignment="TOP_CENTER" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="175.0" stylesheets="@../style.css" text="Food">
                     <graphic>
                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
                           <image>
                              <Image url="@../Images/pizza.png" />
                           </image>
                        </ImageView>
                     </graphic>
                     <font>
                        <Font name="Lucida Console" size="14.0" />
                     </font>
                     <styleClass>
                        <String fx:value="square-button-style" />
                        <String fx:value="font" />
                     </styleClass>
                  </Button>
                  <Button fx:id="incomeBtn" alignment="TOP_CENTER" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="175.0" stylesheets="@../style.css" text="Income/expenses">
                     <graphic>
                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
                           <image>
                              <Image url="@../Images/income.png" />
                           </image>
                        </ImageView>
                     </graphic>
                     <font>
                        <Font name="Lucida Console" size="14.0" />
                     </font>
                     <styleClass>
                        <String fx:value="square-button-style" />
                        <String fx:value="font" />
                     </styleClass>
                  </Button>
                  <Button fx:id="budgetBtn" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="175.0" stylesheets="@../style.css" text="View budget">
                     <graphic>
                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
                           <image>
                              <Image url="@../Images/budget.png" />
                           </image>
                        </ImageView>
                     </graphic>
                     <font>
                        <Font name="Lucida Console" size="14.0" />
                     </font>
                     <styleClass>
                        <String fx:value="square-button-style" />
                        <String fx:value="font" />
                     </styleClass>
                  </Button>
               </children>
            </TilePane>
         </children>
      </VBox>
   </children>
</AnchorPane>