Stuck on aligning text in a button (screenshot to help)

[mjehrhart]

I am trying to Left align my text in a button but I am doing something wrong.

ui.with_layout(egui::Layout::from_main_dir_and_cross_align(
        egui::Direction::TopDown,
        egui::Align::LEFT), |ui| { 
        if ui
            .add_sized([143.0, 1.0], egui::Button::new("All Files"))
            .clicked()
        {
            //do something
        }
    });

Here is a screenshot of how the text looks in the ui for a reference. I want the "All Files" text to align to the left. Any suggestions on how to accomplish this task?

Thanks,
matthew

[mjehrhart]

I think I need to use on of these but I can't figure out how:

[emilk]

I think you need to set Layout::main_align, and that is not exposed in the API because I haven't tested it, and it might very well be broken. Feel free to try it out, and if it seems to work, open a PR for it :)

PS: the layout API is quite confusing and needs a rewrite, but the gist of it is this:

• main axis: X for horizontal layouts, Y for vertical layouts
• cross axis: orthogonal to the main axis
• main_align means "how to align on the main axis"
• cross_align means "how to align on the orthogonal axis to the main axis"

It is usually easier to think of horizontal/vertical alignment rather than main/cross, so next time I rewrite this code I'll likely use those terms everywhere instead.

[mjehrhart]

Thanks for the info. I'm taking a look at it now.

Looks like the main_dir is often hardcoded to Align::Center, if im reading that correctly.