How to hide border of items in SfAccordion?

1 min read

User can hide the border of SfAccordionItems. It can be achieved by setting the BorderThickness property value in ItemContainerStyle of the SfAccordion. The following code demonstrates the same.

Code Example: [Xaml]

<layout:SfAccordion x:Name="accordion" Grid.Row="1" Width="300" Height="250" >
 
<layout:SfAccordion.ItemContainerStyle>
 
<Style TargetType="layout:SfAccordionItem">
 
<!-- Set Border Thickness -->
 
<Setter Property="BorderThickness" Value="0"/>
 
</Style>
 
</layout:SfAccordion.ItemContainerStyle>
 
<layout:SfAccordionItem Header="WPF"/>
 
<layout:SfAccordionItem Header="Silverlight"/>
 
<layout:SfAccordionItem Header="WinRT"/>
 
<layout:SfAccordionItem Header="Windows Phone"/>
 
<layout:SfAccordionItem Header="Universal"/>
 
</layout:SfAccordion>

Screenshot

Screenshot in SfAccordionItems

Sample: SfAccordionBorderSample

Did you find this information helpful?

Yes

Comments (0)

How to hide border of items in SfAccordion?

Access denied