Rust egui Grid Layout — Build an Aligned Contact Form (Ep 8)
6views
009:14
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Learn how to build perfectly aligned forms using egui's Grid layout! In Episode 8 of the Learn egui in Neovim series, we create
a contact form with labeled input fields arranged in a clean grid.
Student code: https://github.com/GoCelesteAI/egui_grid_layout
What You'll Learn:
- Create aligned rows with egui::Grid::new()
- End rows with ui.end_row()
- Configure columns with .num_columns()
- Set spacing between grid cells
- Use multiple grids with unique IDs
- Filter files in Neo-tree with /
Project: Contact Form — an aligned form with Name, Email, Phone, and Subject fields plus a submission summary.
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
Episode 8: Grid Layout ← you are here
Episode 9: Side Panel (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, grid layout, egui grid, gui, tutorial, eframe, rust gui, learn rust, contact form, aligned form,
immediate mode, rust programming, end_row, num_columns
Tags
rusteguineovimgrid layoutegui gridguitutorialeframerust guilearn rustcontact formaligned formimmediate moderust programmingend_row