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.
Unfortunately, activation email could not send to your email. Please try again.

Change

Thread ID:

Created:

Updated:

Platform:

Replies:

123558 Mar 30,2016 01:23 PM Apr 6,2016 01:05 AM WinRT 5
loading
Tags: SfAccordion
Joseph Fradley
Asked On March 30, 2016 01:23 PM

How can I change the visual state of the Accordion headers in a list of options I have set up to reflect whether or not they are enabled and can be clicked on?
<layout:SfAccordion SelectionMode="ZeroOrOne">
                    <layout:SfAccordion.HeaderTemplate>
                        <DataTemplate>
                            <TextBlock x:Name="HeaderText" Text="{Binding}">
                            </TextBlock>
                        </DataTemplate>
                    </layout:SfAccordion.HeaderTemplate>
 
                    <layout:SfAccordionItem Header="Home" IsEnabled="{Binding OptionsLevel, Converter={StaticResource IsEnabledConverter}}">

                    </layout:SfAccordionItem>

                    <layout:SfAccordionItem Header="Setup" IsEnabled="{Binding OptionsLevel, Converter={StaticResource IsEnabledConverter}}">
                    </layout:SfAccordionItem>
</layout:SfAccordion >

Sugapriya Mariappan [Syncfusion]
Replied On March 31, 2016 09:10 AM

Hi Joseph,

Thank you for contacting Syncfusion Support

Could you please provide more information like whether you need to Expand or Collapse based on the IsEnabled property of SfAccordionItem? This would help us to proceed further on this

Regards,
M.Sugapriya

Joseph Fradley
Replied On March 31, 2016 02:10 PM

For items which are disabled I don't want them to be able to expand, and they should visually indicate (by being greyed out and not having the arrow present) that they are not intractable.

Those which are enabled should have the regular look and be able to expand if they have any content to display.

Sugapriya Mariappan [Syncfusion]
Replied On April 1, 2016 08:15 AM

Hi Joseph,

We have prepared a sample which tries to meet your requirement. In this sample, we have edited the template of the Accordion Button to collapse the visibility of the arrow. We have also changed the appearance of the Accordion Item by applying two visual states “CollapsedAppearance” and “ExpandedAppearance” for the Accordion Button via Button Click

Please download the sample from the below link
Sample link : SfAccordioncontrolSample

Regards,
M.Sugapriya

Joseph Fradley
Replied On April 5, 2016 04:03 PM

That seems to be what I'm looking for, thanks for the feedback. 

Sugapriya Mariappan [Syncfusion]
Replied On April 6, 2016 01:05 AM

Hi Joseph,

Thank you for your update.

Please let us know if you need any other assistance

Regards,
M.Sugapriya

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.

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.

;