Rust egui Nested Layouts — Build a Two-Column Dashboard (Ep 7)
6views
007:55
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Learn how to build complex layouts by nesting vertical and horizontal sections! In Episode 7 of the Learn egui in Neovim
series, we create a two-column dashboard with a navigation sidebar and details panel.
Student code: https://github.com/GoCelesteAI/egui_nested_layouts
What You'll Learn:
- Group widgets top to bottom with ui.vertical()
- Nest horizontal inside vertical for two-column layout
- Build a sidebar with navigation buttons
- Create label-value pairs with inner horizontals
- Use ui.separator() to divide columns
Timestamps:
0:00 Intro
0:12 What We're Building
0:22 Preview: Key Concepts
0:54 Coding the Dashboard
5:44 App Demo
6:14 Recap: Key Takeaways
6:54 Next Episode
Project: Dashboard — a two-column layout with navigation sidebar, page display, and visit counter.
Series: Learn egui in Neovim
Episode 1: Your First Window
Episode 2: Labels and Headings
Episode 3: Buttons and State
Episode 4: Text Input
Episode 5: Checkboxes and Radio Buttons
Episode 6: Horizontal Layout
Episode 7: Vertical and Nested Layouts ← you are here
Episode 8: Grid Layout (coming next)
Built entirely in Neovim with Rust and egui (eframe 0.31).
Taught by CelesteAI
#rust #egui #neovim #rustlang #gui #tutorial
Tags: rust, egui, neovim, vertical layout, nested layouts, ui.vertical, gui, tutorial, eframe, rust gui, learn rust,
two-column, sidebar, dashboard, immediate mode, rust programming
Tags
rusteguineovimvertical layoutnested layoutsui.verticalguitutorialeframerust guilearn rusttwo-columnsidebardashboardimmediate mode