Align(7x)

💖 Align(7x) 💖

okay so bestie, welcome to Align — the AfterStep manual page that tells you how to make your widgets line their stuff up all cute and tidy. yes, we are absolutely doing this. it's giving interior design but for pixels. ✨

---

🌸 NAME 🌸

Align — Afterstep Align

that's it. that's the name. short, iconic, no notes. 👑

---

🎀 CONFIGURATION OPTIONS 🎀

like, here's the whole menu of alignment flags you can throw at your widget. each one is a lil vibe you can pick. 💅

• Bottom — shoves the contents all the way down to the bottom of the widget. floored. literally.
• Center — puts the contents smack in the middle of the widget. it's the same as doing all of Left,Right,Bottom,Top at once, so yeah, everything, all directions, center. 🎯
• HCenter — horizontally centered only. same as the combination of Left,Right. side to side, balanced, symmetric, slay.
• HScaled — stretches (scales) the contents to the width of the widget. heads up though: if you use this together with LabelWidth, then the width of the text gets used insted of the width of the widget. text takes the wheel. 🫶
• HTiled — tiles that image out to fill the entire width of the widget. repeating pattern energy. 🌈
• LabelHeight — this one has to be appplied to the background image of the widget, and what it does is make that image get resized (tiled or scaled) to the height of the widget's label — y'know, like titlebar text. 📏
• LabelSize — same as the combination of LabelWidth,LabelHeight. both dimensions, one flag, efficient queen.
• LabelWidth — has to be appplied to the background image of the widget too, and it resizes (tiles or scales) that image to the width of the widget's label, like titlebar text again. 📐
• Left — aligns your image, text, or block of buttons to the left side of the widget. left-aligned and unbothered.
• None — FIXME: add proper description here. 💀 yeah the devs left this one blank, no cap, that's literally what it says. so don't come for me, I'm just the messenger.
• Right — aligns the image, text, or block of buttons to the right of the widget. opposite of Left, obviously, main character on the right side. 👑
• Top — aligns the image, text, or block of buttons to the top of the widget. ceiling gang.
• VCenter — vertically centers the contents. same as combining Top,Bottom. up and down, balanced, centered, gorgeous. 🦋
• VScaled — scales the contents to the height of the widget. but if you pair it with LabelHeight, then the height of the text is used insted of the height of the widget. text is running the show again.
• VTiled — tiles the image to fill the entire height of the widget. up and down, forever and ever. 🧚

---

✨ okay so here's how the align flags actually work ✨

Align flags are literally just the rules for how the contents of the widget should be aligned. that's the whole job. 🫡

here's the tea: each widget gets divided into a grid of 8x8 cells. every visible item inside the widget takes up one of those cells. and then the widget tries to figure out the size of each row and each column by looking at two things — the size of the visible elements occupying those cells, and its align flags. so it's all connected, iykyk.

📌 also keep in mind: some visible items — like icons, images, text, buttons — can occupy the same cell, and when that happens, it affects the size of that cell. so yeah, they're all up in each other's business. 💀

---

and that's the whole page, bestie!! you're officially qualified to align things. go make your AfterStep setup pretty. 🎀✨

this lil teachable moment was brought to you by the 3rd Berkeley Distribution, and it's all about AfterStep v.2.2.12 — the Align(7x) era, we love her, we respect her, periodt. 💜🌈👑