@@ -18,19 +18,18 @@ Items can be selected programmatically using the properties [SelectedIndex](http
18
18
{% tabs %}
19
19
20
20
{% highlight XAML %}
21
-
22
- <Grid >
23
- <StackPanel>
24
- <layout:SfAccordion SelectedIndex="2" Width="500" Height="200">
25
- <layout:SfAccordionItem Header="WPF" Content="Essential Studio for WPF"/>
26
- <layout:SfAccordionItem Header="SilverLight" Content="Essential Studio for WPF"/>
27
- <layout:SfAccordionItem Header="WinRT" Content="Essential Studio for WPF"/>
28
- <layout:SfAccordionItem Header="Windows Phone" Content="Essential Studio for WPF"/>
29
- <layout:SfAccordionItem Header="Universal" Content="Essential Studio for WPF"/>
30
- </layout:SfAccordion>
31
- </StackPanel>
32
- </Grid >
33
-
21
+ <layout: SfAccordion SelectedIndex="2" Width="500" Height="200">
22
+ <layout: SfAccordionItem Header="WPF"
23
+ Content="WPF is a framework for building rich Windows desktop applications"/>
24
+ <layout: SfAccordionItem Header="UWP"
25
+ Content="UWP is a framework for building cross-platform Windows applications."/>
26
+ <layout: SfAccordionItem Header="WinUI"
27
+ Content="WinUI is a modern framework for building Windows desktop applications."/>
28
+ <layout: SfAccordionItem Header="Windows Forms"
29
+ Content="Windows Forms is a UI framework for building classic Windows desktop applications."/>
30
+ <layout: SfAccordionItem Header="Metro Studio"
31
+ Content="Metro Studio is an icon library with customizable flat and wireframe icon templates."/>
32
+ </layout: SfAccordion >
34
33
{% endhighlight %}
35
34
36
35
{% highlight C# %}
@@ -44,47 +43,45 @@ accordion.Height = 200;
44
43
SfAccordionItem wpfItem = new SfAccordionItem
45
44
{
46
45
Header = "WPF",
47
- Content = "Essential Studio for WPF "
46
+ Content = "WPF is a framework for building rich Windows desktop applications "
48
47
};
49
-
50
- SfAccordionItem silverlightItem = new SfAccordionItem
48
+ SfAccordionItem uWPItem = new SfAccordionItem
51
49
{
52
- Header = "SilverLight ",
53
- Content = "Essential Studio for WPF "
50
+ Header = "UWP ",
51
+ Content = "UWP is a framework for building cross-platform Windows applications. "
54
52
};
55
53
56
- SfAccordionItem winrtItem = new SfAccordionItem
54
+ SfAccordionItem winUIItem = new SfAccordionItem
57
55
{
58
- Header = "WinRT ",
59
- Content = "Essential Studio for WPF "
56
+ Header = "WinUI ",
57
+ Content = "WinUI is a modern framework for building Windows desktop applications. "
60
58
};
61
59
62
- SfAccordionItem windowsPhoneItem = new SfAccordionItem
60
+ SfAccordionItem windowsFormsItem = new SfAccordionItem
63
61
{
64
- Header = "Windows Phone ",
65
- Content = "Essential Studio for WPF "
62
+ Header = "Windows Forms ",
63
+ Content = "Windows Forms is a UI framework for building classic Windows desktop applications. "
66
64
};
67
65
68
- SfAccordionItem universalItem = new SfAccordionItem
66
+ SfAccordionItem metroStudioItem = new SfAccordionItem
69
67
{
70
- Header = "Universal ",
71
- Content = "Essential Studio for WPF "
68
+ Header = "Metro Studio ",
69
+ Content = "Metro Studio is an icon library with customizable flat and wireframe icon templates. "
72
70
};
73
71
74
72
// Add the items to the accordion
75
73
accordion.Items.Add(wpfItem);
76
- accordion.Items.Add(silverlightItem );
77
- accordion.Items.Add(winrtItem );
78
- accordion.Items.Add(windowsPhoneItem );
79
- accordion.Items.Add(universalItem );
74
+ accordion.Items.Add(uWPItem );
75
+ accordion.Items.Add(winUIItem );
76
+ accordion.Items.Add(windowsFormsItem );
77
+ accordion.Items.Add(metroStudioItem );
80
78
accordion.SelectedIndex = 2;
81
- this.Content = accordion;
82
79
83
80
{% endhighlight %}
84
81
85
82
{% endtabs %}
86
83
87
- ![ WPF Accordion Item with SelectedIndex] ( Selecting-Items-images/wpf-accordion-selected-item-selectedindex .png )
84
+ ![ WPF Accordion item selection using SelectedIndex] ( Selecting-Items-images/wpf-accordion-selected-index-selection .png )
88
85
89
86
## Selecting item using SelectedItem
90
87
@@ -120,14 +117,14 @@ this.Content = accordion;
120
117
121
118
public class AccordionViewModel
122
119
{
123
- private object _ selectedAccordionItem ;
124
- public object SelectedAccordionItem
120
+ private object _ selectedItem ;
121
+ public object SelectedItem
125
122
{
126
- get { return _ selectedAccordionItem ; }
123
+ get { return _ selectedItem ; }
127
124
set
128
125
{
129
- _ selectedAccordionItem = value;
130
- OnPropertyChanged(nameof(SelectedAccordionItem ));
126
+ _ selectedItem = value;
127
+ OnPropertyChanged(nameof(SelectedItem ));
131
128
}
132
129
}
133
130
@@ -145,15 +142,15 @@ this.Content = accordion;
145
142
public AccordionViewModel()
146
143
{
147
144
Items = new ObservableCollection<AccordionItem>
148
- {
149
- new AccordionItem { Name = "WPF", Description = "Essential Studio for WPF "},
150
- new AccordionItem { Name = "SilverLight ", Description = "Essential Studio for Silverlight " },
151
- new AccordionItem { Name = "WinRT ", Description = "Essential Studio for WinRT " },
152
- new AccordionItem { Name = "Windows Phone ", Description = "Essential Studio for Windows Phone " },
153
- new AccordionItem { Name = "Universal ", Description = "Essential Studio for Universal " }
154
- };
155
-
156
- SelectedAccordionItem = Items[4];
145
+ {
146
+ new AccordionItem { Name = "WPF", Description = "WPF is a framework for building rich Windows desktop applications. "},
147
+ new AccordionItem { Name = "UWP ", Description = "UWP is a framework for building cross-platform Windows applications. " },
148
+ new AccordionItem { Name = "WinUI ", Description = "WinUI is a modern framework for building Windows desktop applications. " },
149
+ new AccordionItem { Name = "Windows Form ", Description = "Windows Forms is a UI framework for building classic Windows desktop applications. " },
150
+ new AccordionItem { Name = "Metro Studio ", Description = "Metro Studio is an icon library with customizable flat and wireframe icon templates. " }
151
+ };
152
+
153
+ SelectedItem = Items[4];
157
154
}
158
155
}
159
156
@@ -167,7 +164,7 @@ this.Content = accordion;
167
164
168
165
{% endtabs %}
169
166
170
- ![ WPF Accordion Item with SelectedItem] ( Selecting-Items-images/wpf-accordion-selected-item-selecteditem .png )
167
+ ![ WPF Accordion item selection using SelectedItem] ( Selecting-Items-images/wpf-accordion-selected-item-selection .png )
171
168
172
169
## Retrieving the selected items
173
170
0 commit comments