We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Adjust opacity of Header text

Is there an example of the SfAccordion Header template? I need to adjust the opacity of the text in the header. It is too dim for my application.

1 Reply

VR Venkateshwaran Ramdoss Syncfusion Team August 24, 2017 09:49 AM UTC

Hi Jim, 

Thank you for contacting Syncfusion Support. 

We have prepared a sample for your requirement. In this sample, we have used the HeaderTemplate and bind the Header value in the TextBlock. Please make use of the below code example. 

Code example 
<layout:SfAccordion x:Name="accordion" SelectionMode="OneOrMore"  
                            VerticalAlignment="Center" Width="450" > 
                    <TextBlock Text="{Binding}" Foreground="Red" Opacity="1" FontFamily="Calibri" FontWeight="Bold" FontSize="20"/> 
            <layout:SfAccordionItem Header="Winrt" Content="Essential Studio for WinRT"/> 
            <layout:SfAccordionItem Header="Windows Phone" Content="Essential Studio for Windows Phone"/> 
            <layout:SfAccordionItem Header="WPF" Content="Essential Studio for WPF"/> 
            <layout:SfAccordionItem Header="Universal" Content="Essential Studio for Universal"/> 
We have prepared a sample and screenshot for your reference and it can be downloaded from the below link. 

Please check the above solution and let us know if it is helpful. 

Venkateshwaran V.R. 

Live Chat Icon For mobile
Up arrow icon