Header Height

Hello, I have a question: Is there a simple way to adjust the minimum height of the SfAccordionItem header? The following method doesn't seem to work:


Theme: Office2019 Black


AccordionItem header height customization
You can customize the height of the SfAccordionItem header by setting the HeaderTemplate property of SfAccordion.

XAML Example:

xml
<!-- For customizing the header --> <syncfusion:SfAccordion.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" Height="10" FontSize="30" VerticalAlignment="Center"/> </DataTemplate> </syncfusion:SfAccordion.HeaderTemplate>

Is there a way to achieve this without having to create a style or an extra template?


Best regards!

Image_9606_1732891873216


1 Reply

BS Bhaskar Suresh Syncfusion Team December 2, 2024 12:23 PM UTC

Hi Matthias Wieland,


We have achieved your requirement of adjusting the minimum height of the SfAccordionItem by setting the Style for the SfAccordionItem to set their Height and FontSize in the code behind.


Due to Style Precedence, we have implemented the Style in the code behind to modify the control's elements as per our needs when applying the Office2019Black theme. Please refer to the attached sample and let us know if you have any concerns.


Regards,

Bhaskar Suresh


Attachment: Accordion_MinHeight_4813d02a.zip

Loader.
Up arrow icon