Skip to content

Commit 5ef1673

Browse files
Priyanka-VijayasankarPriyanka-Vijayasankar
Priyanka-Vijayasankar
authored and
Priyanka-Vijayasankar
committed
Update the content review changes.
1 parent 452b195 commit 5ef1673

5 files changed

+45
-48
lines changed
Loading
Binary file not shown.
Binary file not shown.
Loading

wpf/Accordion/Selecting-Items.md

Lines changed: 45 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -18,19 +18,18 @@ Items can be selected programmatically using the properties [SelectedIndex](http
1818
{% tabs %}
1919

2020
{% 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>
3433
{% endhighlight %}
3534

3635
{% highlight C# %}
@@ -44,47 +43,45 @@ accordion.Height = 200;
4443
SfAccordionItem wpfItem = new SfAccordionItem
4544
{
4645
Header = "WPF",
47-
Content = "Essential Studio for WPF"
46+
Content = "WPF is a framework for building rich Windows desktop applications"
4847
};
49-
50-
SfAccordionItem silverlightItem = new SfAccordionItem
48+
SfAccordionItem uWPItem = new SfAccordionItem
5149
{
52-
Header = "SilverLight",
53-
Content = "Essential Studio for WPF"
50+
Header = "UWP",
51+
Content = "UWP is a framework for building cross-platform Windows applications."
5452
};
5553

56-
SfAccordionItem winrtItem = new SfAccordionItem
54+
SfAccordionItem winUIItem = new SfAccordionItem
5755
{
58-
Header = "WinRT",
59-
Content = "Essential Studio for WPF"
56+
Header = "WinUI",
57+
Content = "WinUI is a modern framework for building Windows desktop applications."
6058
};
6159

62-
SfAccordionItem windowsPhoneItem = new SfAccordionItem
60+
SfAccordionItem windowsFormsItem = new SfAccordionItem
6361
{
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."
6664
};
6765

68-
SfAccordionItem universalItem = new SfAccordionItem
66+
SfAccordionItem metroStudioItem = new SfAccordionItem
6967
{
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."
7270
};
7371

7472
// Add the items to the accordion
7573
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);
8078
accordion.SelectedIndex = 2;
81-
this.Content = accordion;
8279

8380
{% endhighlight %}
8481

8582
{% endtabs %}
8683

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)
8885

8986
## Selecting item using SelectedItem
9087

@@ -120,14 +117,14 @@ this.Content = accordion;
120117

121118
public class AccordionViewModel
122119
{
123-
private object _selectedAccordionItem;
124-
public object SelectedAccordionItem
120+
private object _selectedItem;
121+
public object SelectedItem
125122
{
126-
get { return _selectedAccordionItem; }
123+
get { return _selectedItem; }
127124
set
128125
{
129-
_selectedAccordionItem = value;
130-
OnPropertyChanged(nameof(SelectedAccordionItem));
126+
_selectedItem = value;
127+
OnPropertyChanged(nameof(SelectedItem));
131128
}
132129
}
133130

@@ -145,15 +142,15 @@ this.Content = accordion;
145142
public AccordionViewModel()
146143
{
147144
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];
157154
}
158155
}
159156

@@ -167,7 +164,7 @@ this.Content = accordion;
167164

168165
{% endtabs %}
169166

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)
171168

172169
## Retrieving the selected items
173170

0 commit comments

Comments
 (0)