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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Adjust opacity of Header text

Thread ID:

Created:

Updated:

Platform:

Replies:

132264 Aug 23,2017 02:13 PM UTC Aug 24,2017 09:49 AM UTC UWP 1
loading
Tags: SfAccordion
Jim Young
Asked On August 23, 2017 02:13 PM UTC

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.
Thanks.

Venkateshwaran Ramdoss [Syncfusion]
Replied On 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" > 
            <layout:SfAccordion.HeaderTemplate> 
                <DataTemplate> 
                    <TextBlock Text="{Binding}" Foreground="Red" Opacity="1" FontFamily="Calibri" FontWeight="Bold" FontSize="20"/> 
                </DataTemplate> 
            </layout:SfAccordion.HeaderTemplate> 
            <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"/> 
</layout:SfAccordion> 
 
We have prepared a sample and screenshot for your reference and it can be downloaded from the below link. 

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

Regards, 
Venkateshwaran V.R. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;