Three ways to implement an accordion control

Introduction Accordions are brilliant, and I am not talking about the Austrian-developed musical instrument, which is popular for singing sea shanties in Germany (whether those are 'brilliant' is a matter of musical taste). I am talking about the typ...

blog.ewers-peters.de11 min read

#dotnet #dotnet-maui #accordion #user-experience #expander

Responses1

Markdown supported · ⌘↵ to post

KH

Katherine Hambley

.NET MAUI Mobile Web Developer

May 30, 2024

Do you have any ideas for adding a toggle icon, like an up/down arrow, which toggles when expanded/collapsed, in the header content?

Sorry for the late reply, I always miss the notifications.

You can place an image in the header of the control and use DataTriggers with a binding to the IsExpanded property. Inside the triggers you can then define setters that change the Source property of the image based on the value of the IsExpanded property.

Hope this helps.

JE

Julian Ewers-Peters

Mobile App Developer

Jun 9, 2024

Search Hashnode

Three ways to implement an accordion control

Responses1