Skip to content

Layout Management

Organize widgets using box containers.

Vertical Layout

let vbox = gui_box("vertical", 10);

gui_add(vbox, gui_label("Top"));
gui_add(vbox, gui_button("Middle"));
gui_add(vbox, gui_label("Bottom"));

Horizontal Layout

let hbox = gui_box("horizontal", 10);

gui_add(hbox, gui_button("Left"));
gui_add(hbox, gui_button("Center"));
gui_add(hbox, gui_button("Right"));

Complex Layouts

let main_box = gui_box("vertical", 10);

// Header
let header = gui_label("My Application");

// Content area
let content_box = gui_box("horizontal", 10);
let left_panel = gui_box("vertical", 5);
let right_panel = gui_box("vertical", 5);

gui_add(content_box, left_panel);
gui_add(content_box, right_panel);

// Footer
let footer_box = gui_box("horizontal", 5);
let btn_ok = gui_button("OK");
let btn_cancel = gui_button("Cancel");

gui_add(footer_box, btn_ok);
gui_add(footer_box, btn_cancel);

// Assemble
gui_add(main_box, header);
gui_add(main_box, content_box);
gui_add(main_box, footer_box);

gui_add(window, main_box);