#VerticalAlignment
LightNews LightNews
Ok, currently I have a really ugly SetCommonAttributes Method....
I'll try to set the Properties of element, automatically... what could possibly go wrong, meow?

#monogame #dotnet #sereneui
if (node.Attributes.TryGetValue(nameof(element.Class), out var className)) SetProp(element, nameof(element.Class), className); if (TryGetEnum(node, nameof(HorizontalAlignment), out HorizontalAlignment horizontalAlignment)) SetProp(element, nameof(element.HorizontalAlignment), horizontalAlignment); if (TryGetEnum(node, nameof(VerticalAlignment), out VerticalAlignment verticalAlignment)) SetProp(element, nameof(element.VerticalAlignment), verticalAlignment); if (node.Attributes.TryGetValue(nameof(element.Margin), out var margin)) SetProp(element, nameof(element.Margin), ParseThickness(margin)); if (node.Attributes.TryGetValue(nameof(element.Padding), out var padding)) SetProp(element, nameof(element.Padding), ParseThickness(padding));
January 18, 2026 at 2:48 PM
bucklajean.bsky.social
⏳ Day 92 (part 2) of #100DaysOfSwiftUI : creating a custom alignment guide by extending VerticalAlignment or HorizontalAlignment, implementing a type conforming to AlignmentID, and using alignmentGuide() to align views across different parts of the UI.
December 4, 2024 at 12:26 PM
I can haz stylesheet, meow!

ok, not much jet... but I ran over a element, check if there is a style rule and use it after conversion, then also check the xml properties for values.

#monogame #dotnet #serenehorizons #ui
In the image, a code editor is open in the background displaying both a CSS-like stylesheet and XML markup. In the foreground, there's a preview window titled "Serene Horizons" that visually renders the markup with the applied style. **Stylesheet (on the left – `serene_default.css`)**: The stylesheet defines visual styles for UI components in an XML-based interface: - `Panel.top-panel` and `Panel.bottom-panel` use properties such as `Padding`, `HorizontalAlignment`, `VerticalAlignment`, and `BackgroundColor`. - Text styling is defined for `TextBlock` elements with font settings (`Font: 'Fonts/arial 18'`), alignment (`Left`, `Center`), and text color (`#351D2E`). - General `Button` styling includes `Padding`, `BackgroundColor` (`#D9BBC4`), text color, and font (`'Fonts/arial_12'`). - A specific `Button.exit` style overrides the background color with `#B87A91`, likely to indicate a different or important function. **Markup (on the right – XML file, likely `test_page.ui.xml`)**: The XML markup uses a hierarchical structure with elements like `<Page>`, `<Panel>`, and `<StackPanel>`. It defines a vertical stack of buttons with labels such as "Settings Game" and "Exit". Layout attributes such as `Padding`, `HorizontalAlignment`, and `VerticalAlignment` are used to control UI positioning. Each button contains a `TextBlock` element for its label. **Foreground Window (UI preview titled "Serene Horizons")**: The window shows the rendered UI based on the provided XML and CSS: - A header displaying the text: "Hello from test_page.ui.xml" - A horizontal button labeled "Button" - A vertical menu in the center with four buttons: "New Game", "Load Game", "Settings Game", and "Exit" - A bottom bar with the same four buttons arranged horizontally - The UI has a consistent visual style with pastel-colored buttons, soft outlines, and purple text, reflecting the color codes and layout rules defined in the stylesheet
January 16, 2026 at 1:47 PM
xamlllama.bsky.social
On the 11th day of Christmas XAML Llama sent to me 🎺🎶 Eleven Properties Presented 🎺🎶 The new Properties panel in #XAMLStudio v2 shows the visual tree, visual states, and, or course, properties of an element. See what's been modified or make changes directly to experiment! #12DaysOfXAML #WindowsDev
Screenshot of XAML Studio v2 showing the new properties panel. On the left, within the panel, at the top, is the Visual Tree shown from Day 9. The TextBlock is selected with the StackPanel shown as its Parent. This corresponds to the TextBlock XML element selected in the Editor in the lower-right. Below the Visual Tree is an "Add Property…" option, and then a list of properties categorized by control type. Text for TextBlock and VerticalAlignment for FrameworkElement are displayed with their corresponding values of "- The XAML Llama" and "Center". This corresponds to the XAML in the document and the preview displayed above it. Finally at the bottom of the list in the properties panel is a "- Modified -" group which shows "FontSize" set to the value of 48, which has made the preview text larger.
January 4, 2026 at 6:26 PM
mathcoachcheryl.bsky.social
Math builds over time. Take fractions for example ↔️ G3–Use number lines 🟰 G4–Equivalency & add/subtract like denominators ➕ G5–Add/subtract unlike denominators #NJEducators (G3-G5), want to explore #VerticalAlignment? Come to the Coaching That Counts Standards Summit, co-sponsored by EAI Education.
February 18, 2025 at 11:49 AM
epsteinweb.bsky.social
Part 3/4 — HOUSE_OVERSIGHT_028353.jpg
#epsteinweb #houseoversight028353
dbfba94385fd567a8e 2510681990","type":"image","verticalAlignment":"top"},"identifier":"section-divider-with-ad-top-fill- style"},"section-heading-with-kicker-and-logo-table-style":{"identifier":"section-heading-with-kicker-and- logo-table- style","tableStyle":{"cells":{"conditional":[{"padding":{"left":"3.0vmin"},"selectors":[{"columnindex":0}],"verti calAlignment":"bottom"},{"horizontalAlignment":"right","selectors":[{"columnIndex":1}],"verticalAlignment": "bottom"}],"horizontalAlignment":"left"},"columns":{"conditional":[{"selectors":[{"columnindex":1}],"width":1 2}],"width":88}}},"section-heading-with-kicker-table-style":{"identifier":"section-heading-with-kicker-table- style","tableStyle":{"cells":{"horizontalAlignment":"left","padding":{"left":"3.0vmin","right":"3.0vmin"}}}},"se ction-heading-with-small-logo-table-style":{"identifier":"section-heading-with-small-logo-table- style","tableStyle":{"cells":{"conditional":[{"padding":"0.0pt","selectors":[{"columnIndex":1}],"verticalAlignm ent":"bottom"},{"padding":"0.0pt","selectors":[{"rowlndex":0}],"verticalAlignment":"top"}],"padding":"0.0pt"," textStyle":"section-heading- style","verticalAlignment":"bottom"},"columns":{"conditional":[{"selectors":[{"columnIndex":1}],"width":1}]," width":100}}},"section-intro-spacer-style":{"identifier":"section-intro-spacer-style"},"standalone-cta-bar- color-style":{"backgroundColor":"#4A4A4A","identifier":"standalone-cta-bar-color-style"}, "super-bowl- masthead-color- style":{"fill":{"angle":90.0,"colorStops":[{"color":"#754A9C"},{"color":"#261A42"}],"type":"linear_gradient’},"i dentifier":"super-bowl-masthead-color-style"},"top-cover-call-to-action-color-style- gray":{"backgroundColor":"#FFFFFF","identifier":"top-cover-call-to-action-color-style-gray"},"top-intro- caption-insetter-style":{"border":{"all":{"color":"#00000000",
February 9, 2026 at 11:58 PM
epsteinweb.bsky.social
Part 1/3 — HOUSE_OVERSIGHT_028352.jpg
#epsteinweb #houseoversight028352
style","verticalAlignment":"bottom"},"columns":{"conditional":[{"selectors":[{"columnIndex":1}],"width":100} ],"width":1}}},"media-overlap-mask-color- style":{"border":{"left":{"color":"#00000000","width":"0.0pt"},"right":{"color":"#00000000","width":"0.0pt"},"to p":{"color":"#00000000","width":"0.Opt"}},"identifier":"media-overlap-mask-color-style"},"more-stories- cluster-color-style":{"backgroundColor":"#00000000","border":{"all":{"width":"0.0pt"}},"identifier":"more- stories-cluster-color-style"},"more-stories-content-insetter-color-style- blue":{"backgroundColor":"#F7FAFB","border":{"left":{"color":"#00000000","width":"3.0vmin"},"right":{"colo r":"#00000000","width":"3.0vmin"}},"identifier":"more-stories-content-insetter-color-style-blue"},"more- stories-content-insetter-color-style-commonwealth- green":{"backgroundColor":"#FBFEFS5","border":{"left":{"color":"#00000000","width":"4.5vmin"}, "right":{"col or":"#00000000","width":"4.5vmin"}},"identifier":"more-stories-content-insetter-color-style-commonwealth- green"},"more-stories-content-insetter-color-style- green":{"backgroundColor":"#F6F8F 1","border":{"left":{"color":"#00000000","width":"3.0vmin"}, "right":{"col or":"#00000000","width":"3.0vmin"}},"identifier":"more-stories-content-insetter-color-style-green"},"more- stories-content-insetter-color-style- olive":{"backgroundColor":"#F9F8F5","border":{"left":{"color":"#00000000","width":"4.5vmin"},"right":{"colo r":"#00000000","width":"4.5vmin"}},"identifier":"more-stories-content-insetter-color-style-olive"},"more- stories-content-insetter-color-style- orange":{"backgroundColor":"#FCF9F8","border":{"left":{"color":"#00000000","width":"4.5vmin"}, "right":{"c olor":"#00000000","width":"4.5vmin"}},"identifier":"more-stories-content-insetter-color-style- orange"},"more-stories-content-insetter-color-style- pink":{"backgroundColor":"#F
February 9, 2026 at 11:57 PM
epsteinweb.bsky.social
Part 3/4 — HOUSE_OVERSIGHT_028351.jpg
#epsteinweb #houseoversight028351
"list-entry-divider-table- style":{"identifier":"list-entry-divider-table- style","tableStyle":{"cells":{"conditional":[{"padding":{"left":"4.0vmin"},"selectors":[{"columnIndex":1}],"text Style":"bullet-list-headline-style","verticalAlignment":"top"},{"selectors":[{"columnIndex":0}],"textStyle":"list- ornament- style","verticalAlignment":"top"},{"padding":"0.0pt","selectors":[{"rowlndex":0}],"verticalAlignment":"top"}]," padding":"0.0pt","textStyle":"list-ornament- style","verticalAlignment":"top"},"columns":{"conditional":[{"selectors":[{"columnIndex":1}],"width":100}],"wi dth":1}}},"list-entry-table-style":{"identifier":"list-entry-table- style","tableStyle":{"cells":{"conditional":[{"padding":{"bottom":"0.0pt","left":"4.0vmin","top":"0.0pt"},"select ors":[{"columnIndex":1}],"textStyle":"bullet-list-headline- style","verticalAlignment":"top"},{"padding":{"bottom":"5.0pt","left":"4.0vmin","top":"10.0pt"},"selectors":[{"r owlndex":1}],"textStyle":"more-stories-cta-parent- style","verticalAlignment":"top"},{"border":{"right":{"color":"#D7D8D8","width":"1.Opt"}},"minimumWidth":"3 0.0pt","padding":{"right":"4.0vmin","top":"0.0pt"},"selectors":[{"columnindex":0}],"textStyle":"list-ornament- style","verticalAlignment":"top"}],"padding":"0.0pt","textStyle":"list-ornament- style","verticalAlignment":"top"},"columns":{"conditional":[{"selectors":[{"columnIndex":1}],"width":100}],"wi dth":1}}},"masthead-color-style":{"backgroundColor":"#FD3259","identifier":"masthead-color- style"},"masthead-long-title-table-style":{"identifier":" masthead-long-title-table- style","tableStyle":{"cells":{"conditional":[{"selectors":[{"columnIndex":2}],"textStyle":"masthead-byline- style","verticalAlignment":"bottom"},{"padding":{"left":"10.0pt"},"selectors":[{"columnindex":1
February 9, 2026 at 11:57 PM
epsteinweb.bsky.social
Part 2/3 — HOUSE_OVERSIGHT_028349.jpg
#epsteinweb #houseoversight028349
"identifier":"between-chin-and-cta-spacer-color-style- figure"},"bullet-list-entry-table-style":{"identifier":"bullet-list-entry-table- style","tableStyle":{"cells":{"conditional":[{"padding":{"left":"8.0pt","top":"9.0pt"},"selectors":[{"columnindex ":1}],"textStyle":"article-headline- style","verticalAlignment":"top"},{"padding":{"left":"8.Opt","top":"8.0pt"},"selectors":[{"rowlndex":1}],"textSty le":"more-stories-cta-parent-style","verticalAlignment":"top"}],"padding":"0.0pt","textStyle":"bullet-list- bullet- style","verticalAlignment":"top"},"columns":{"conditional":[{"selectors":[{"columnIndex":1}],"width":100}],"wi dth":1}}},"call-to-action-color-style-blue":{"backgroundColor":"#D8E3EA99", "identifier":"call-to-action-color- style-blue"},"call-to-action-color-style-commonwealth- green":{"backgroundColor":"#F BFEF5","identifier":"call-to-action-color-style-commonwealth-green"},"call- to-action-color-style-dark-gray":{"backgroundColor":"#DBDBDB", "identifier":"call-to-action-color-style-dark- gray"},"call-to-action-color-style-gray":{"backgroundColor":"#F 3F 3F3","identifier":"call-to-action-color-style- gray"},"call-to-action-color-style-green":{"backgroundColor":"#CFDCB899","identifier":"call-to-action-color- style-green"},"call-to-action-color-style-olive":{"backgroundColor":"#EODDCAQ9","identifier":"call-to-action- color-style-olive"},"call-to-action-color-style-orange":{"backgroundColor":"#FOEODB99", "identifier":"call-to- action-color-style-orange"},"call-to-action-color-style- pink":{"backgroundColor":"#E9E0E699", "identifier":"call-to-action-color-style-pink"},"call-to-action-color- style-purple":{"backgroundColor":"#D6D3DF99", "identifier":"call-to-action-color-style-purple"},"call-to- action-color-style-red":{"backgroundColor":"#F
February 9, 2026 at 11:56 PM
epsteinweb.bsky.social
Part 1/3 — HOUSE_OVERSIGHT_028349.jpg
#epsteinweb #houseoversight028349
between-headline-and-body-layout","minimumHeight":"1.0vmin"}},"componentStyles":{"_anf-cs- 4":{"fill":{"fillMode":"fit","horizontalAlignment":"center","imageldentifier":"ec854ebcd8edaf16339655c2b81f e33d","type":"image"},"identifier":"_anf-cs-1"},"_anf-cs- 2"{"fill":{"horizontalAlignment":"center","imageldentifier":"3d836e54f97c7a1c83d5065c2fce264f","type":"i mage","verticalAlignment":"center"},"identifier":"_anf-cs-2"},"_anf-cs- 3":{"fill":{"horizontalAlignment":"left","imageldentifier":"efdc570fa6f521862944a36c965ecbcc","type":"ima ge","verticalAlignment":"center"},"identifier":"_anf-cs-3"},"_anf-cs- 4":{"fill":{"horizontalAlignment":"center","imageldentifier":"2573b84af8463d079b40a5ed75dd8363","type": “image","verticalAlignment":"center"},"identifier":"_anf-cs-4"},"_anf-cs- 5":{"fill":{"horizontalAlignment":"center","imageldentifier":"9538a4bc544465beb6c22fbcc84a9c9b","type":" image","verticalAlignment":"center"},"identifier":"_anf-cs-5"},"_anf-cs- 6":{"fill":{"horizontalAlignment":"center","imageldentifier":"eb88ad9fc27 1 ffe1479f58c832614acd","type":"i mage", "verticalAlignment":"center'},"identifier":"_anf-cs-6"},"_anf-cs- 7":{"fill":{"horizontalAlignment":"center","imageldentifier":"1a6082bd9adcc058536608f4 1b1c22ff","type":"i mage","verticalAlignment":"center"},"identifier":"_anf-cs-7"},"_anf-cs- 8":{"fill":{"horizontalAlignment":"center","imageldentifier":"1d7ab65b07 7efcff4a0362d90f75ad47","type":"i mage","verticalAlignment":"center"},"identifier":"_anf-cs-8"},"_anf-cs- 9":{"fill":{"horizontalAlignment":"center","imageldentifier":"d5d2a7dda367400d06f4b76e91b6cf32","type":" image","verticalAlignment":"center"},"identifier":"_anf-cs-9"},"accent-color- style":{"backgroundColor":"#D8D8D8","identifier":"accent-color-style"},"between-chin-and-cta-spacer- color-style-figure":{"backgroundColor":"#F FF",
February 9, 2026 at 11:56 PM