Rust egui Nested Layouts — Build a Two-Column Dashboard (Ep 7)

6views
00
7:55
T
Taught by Celeste AI - AI Coding Coach
View on YouTube
Description
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
Back to tutorials

Duration

7:55

Published

March 10, 2026

Added to Codegiz

March 15, 2026

Open in YouTube