Brooks Computing Systems • Jacksonville
Scene Builder + Code::Blocks
Bootstrap 5 auto-open modal with accordion + images
Tip: This page auto-opens the guide modal. Closing it will automatically show your “Thank You” modal.
Code::Blocks + JavaFX Scene Builder Workflow
Design FXML visually in Scene Builder, run/build in your IDE
What you’re doing
- Use Scene Builder to edit your FXML (drag & drop UI).
- Keep logic in your Controller (Java code).
- Open FXML directly from Code::Blocks via an External Tool entry.
Commands (Ubuntu/Debian)
Install Scene Builder (snap)
sudo snap install scenebuilder --classic
Open an FXML file
scenebuilder path/to/Main.fxml
Code::Blocks External Tool
Tools → Configure Tools… → Add
Name: Scene Builder
Executable:
/snap/bin/scenebuilderParameters:
$FILEWorking dir:
$FILE_DIRController wiring reminder
In FXML (root node):
fx:controller="com.bcs.fxapp.MainController"
In Controller:
@FXML private void onHello() { ... }
Screens & Images
Drag & drop controls → Scene Builder writes the FXML.
Use this in your portal cards / tool launchers.
Keep UI in FXML, logic in controller, iterate fast.
BCS Note
Put Scene Builder on a dedicated button in your BCS Technology Portal and launch it with the selected FXML file.