Skip to content

Modern design for Properties Dialog - #18826

Draft
mdtauk wants to merge 10 commits into
files-community:mainfrom
mdtauk:mdta-new-properties-dialog
Draft

Modern design for Properties Dialog#18826
mdtauk wants to merge 10 commits into
files-community:mainfrom
mdtauk:mdta-new-properties-dialog

Conversation

@mdtauk

@mdtauk mdtauk commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

This is an initial branch for Myself @mdtauk and @0x5bfa to put together a prototype for updating the designs of the Properties Dialog and hopefully improving the implementation of some API access at the same time.

DO NOT MERGE OR TAKE ACTION ON WHILST IT IS STILL IN DRAFT FORM

Light mode design mock up Dark mode design mock up

Images are illustrative based on the design ideation from Figma, final design may change during development

Created a new branch and put an initial bit of xaml together as a starting point
@CLAassistant

CLAassistant commented Aug 17, 2026

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

mdtauk and others added 9 commits August 18, 2026 18:59
Starting with the Toggle Button style that is used for the Expander control's header
Finished making the custom styles for the Up and Down versions of the PropertiesExpander Header ToggleButtons

Up is based on Down, but only the On and Off glyphs are swapped.

Tested with enabled and disabled, as well as High Contrast brushes
I have started exploring integrating the ToggleButton styles for the Header buttons into the Expander control, and trying to figure out how to handle overrides of things like BorderThickness and Border/Background colours.
I have the new Header style and design in place and working, I would like @Tera to give it a look over, to see if I have overlooked anything of course
To be used in the Expander Header to give correct alignment of IconElement and Text to enable wrapping and correct alignment for long headers
There is an Orientation property
Label and Text string properties
and a LabelWidth GridLength property to ensure alignments can match

There is also a CanEdit bool which swaps out a TextBlock for a TextBox control
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants