Skip to content

Commit

Permalink
Updated frontPage.fxml
Browse files Browse the repository at this point in the history 
Put the checkmarks for filtering charities into a scroll pane and dynamically populate them (except for Pre-approved, which is on top).
  • Loading branch information
@roaraf
roaraf committed Apr 18, 2026
1 parent a7dd6ce commit 421c648
Showing 1 changed file with 51 additions and 75 deletions.
126 changes: 51 additions & 75 deletions helpmehelpapplication/src/main/resources/fxml/frontPage.fxml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -223,81 +223,57 @@
</HBox>
</children>
</StackPane>
<HBox prefWidth="1000.0">
<children>
<VBox prefHeight="300.0" prefWidth="150.0" style="-fx-background-color: transparent; -fx-border-color: #2F8F8B; -fx-background-radius: 10; -fx-border-radius: 10; -fx-border-width: 2;">
<HBox.margin>
<Insets left="-10.0" />
</HBox.margin>
<children>
<Label text="Categories: ">
<font>
<Font size="20.0" />
</font>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
</Label>
<CheckBox fx:id="verifiedFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Verified by IK">
<font>
<Font size="12.0" />
</font>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
<padding>
<Insets top="10.0" />
</padding>
</CheckBox>
<CheckBox fx:id="childrenFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Children">
<font>
<Font size="12.0" />
</font>
<padding>
<Insets top="10.0" />
</padding>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
</CheckBox>
<CheckBox fx:id="healthFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Health">
<font>
<Font size="12.0" />
</font>
<padding>
<Insets top="10.0" />
</padding>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
</CheckBox>
<CheckBox fx:id="emergencyAidFilter" onAction="#handleCategoryFilterChange" mnemonicParsing="false" text="Emergency aid">
<font>
<Font size="12.0" />
</font>
<padding>
<Insets top="10.0" />
</padding>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
</CheckBox>
</children>
</VBox>
<ScrollPane fitToWidth="true" prefWidth="900.0" HBox.hgrow="ALWAYS">
<content>
<FlowPane fx:id="cardsContainer" hgap="20.0" vgap="20.0">
<padding>
<Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
</padding>
</FlowPane>
</content>
</ScrollPane>
</children>
<padding>
<Insets top="10.0" />
</padding>
</HBox>
<HBox prefWidth="1000.0">
<children>
<ScrollPane fitToWidth="true"
prefHeight="300.0"
prefWidth="150.0"
HBox.hgrow="NEVER"
hbarPolicy="NEVER"
vbarPolicy="AS_NEEDED">

<content>
<!-- Category Checkmarks -->
<VBox fx:id="categoryList"
prefWidth="150.0"
style="-fx-background-color: transparent; -fx-border-color: #2F8F8B; -fx-background-radius: 10; -fx-border-radius: 10; -fx-border-width: 2;">

<children>

<Label text="Categories: ">
<font>
<Font size="20.0" />
</font>
<VBox.margin>
<Insets left="20.0" />
</VBox.margin>
</Label>

<CheckBox fx:id="verifiedFilter" onAction="#handleCategoryFilterChange" text="Pre-approved">
</CheckBox>

</children>
</VBox>
</content>
</ScrollPane>

<!-- CHARITY CARDS -->
<ScrollPane fitToWidth="true" prefWidth="900.0" HBox.hgrow="ALWAYS">
<content>
<FlowPane fx:id="cardsContainer" hgap="20.0" vgap="20.0">
<padding>
<Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
</padding>
</FlowPane>
</content>
</ScrollPane>

</children>

<padding>
<Insets top="10.0" />
</padding>
</HBox>
</children>
</VBox>
<HBox alignment="BOTTOM_CENTER" prefHeight="12.0" prefWidth="800.0" style="-fx-background-color: #2f8f8b;" GridPane.rowIndex="2">
Expand Down

0 comments on commit 421c648

Please sign in to comment.