The data used in this demonstration is retrieved from the
database, as you may realize the root element is Persons and for each unique
person a node called Person with child nodes to hold specific information.
Listing 1
<?xml version="1.0" encoding="utf-8" ?>
<Persons>
<Person>
<FirstName>Haissam</FirstName>
<LastName>Abdul Malak</LastName>
<JobTitle>System Developer</JobTitle>
<Blog>http://www.dotnetslackers.com/community/blogs/haissam/</Blog>
<Email>haissam50@hotmail.com</Email>
<ImageUrl>Images/haissam.jpg</ImageUrl>
</Person>
<Person>
<FirstName>User1</FirstName>
<LastName>LastName</LastName>
<JobTitle>QA</JobTitle>
<Blog>http://www.microsoft.com </Blog>
<Email>user@hotmail.com</Email>
<ImageUrl>Images/user.jpg</ImageUrl>
</Person>
</Persons>
Figure 1
The above figure shows how the page will be when first
loaded.
When the More Options button is clicked, we will display
more options allowing the user criteria to be more specific.
Figure 2
