Expander Control in WPF

Figure 2.

This snapshot is taken after expand items.

Here is HTML design of this:

<Expander Background="DarkGreen"  x:Name="Expander1" Header="Expander1">

        <StackPanel Background="Blue">

          <Expander Background="Red"  Header="Expander2">

            <ListBox Background="Chocolate"  Name="listbox11">

              <ListBoxItem>

                <TextBlock>raj beniwal</TextBlock>

              </ListBoxItem>

              <ListBoxItem Background="Blue">

                <StackPanel Background="Yellow">

                  <TextBlock>dinesh kumar</TextBlock>

                  <Expander Background="Pink" Header="Expander3">

                    <ListBox Name="list2">

                      <ListBoxItem>

                        <TextBlock>rahul saxena</TextBlock>

                      </ListBoxItem>

                      <ListBoxItem>

                        <TextBlock>naresh kumar</TextBlock>

                      </ListBoxItem>

                      <ListBoxItem>

                        <TextBlock>suhel</TextBlock>

                      </ListBoxItem>

                      <ListBoxItem>

                        <TextBlock>steve</TextBlock>

                      </ListBoxItem>

                      <ListBoxItem>

                        <TextBlock>varman</TextBlock>

                      </ListBoxItem>

                    </ListBox>

                  </Expander>

                </StackPanel>

              </ListBoxItem>

            </ListBox>

          </Expander>

        </StackPanel>

      </Expander>

I hope you will like this article. If yes drop me a line or write a comment below in the comments section.