How to make the treeview structure

Question

Hello All.

 

Hope you are doing good!!

 

How to make the treeview structure.

 

 

<table style="width: 311px, ">

<tr>

<td>

<asp:Label ID="lblreleventexperience" runat="server" Width="150px" Text="Relevent Experience:" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td>

<td class="auto-style1" >

<asp:Button BorderStyle="None" ID="Rating1" onmouseover="return Decide(1);" OnClientClick="return Decide(1);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Rating2" onmouseover="return Decide(2);" OnClientClick="return Decide(2);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Rating3" onmouseover="return Decide(3);" OnClientClick="return Decide(3);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Rating4" onmouseover="return Decide(4);" OnClientClick="return Decide(4);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Rating5" onmouseover="return Decide(5);" OnClientClick="return Decide(5);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblskilldepth" runat="server" Width="150px" Text="Skill depth:" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td>

<td class="auto-style1" >

<asp:Button BorderStyle="None" ID="Button1" onmouseover="return Decide1(1);" OnClientClick="return Decide1(1);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button2" onmouseover="return Decide1(2);" OnClientClick="return Decide1(2);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button3" onmouseover="return Decide1(3);" OnClientClick="return Decide1(3);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button4" onmouseover="return Decide1(4);" OnClientClick="return Decide1(4);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button5" onmouseover="return Decide1(5);" OnClientClick="return Decide1(5);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblcommunicationandarticulation" runat="server" Width="150px" Text="Communication &Articulation:" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td>

<td class="auto-style1" >

<asp:Button BorderStyle="None" ID="Button6" onmouseover="return Decide2(1);" OnClientClick="return Decide2(1);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button7" onmouseover="return Decide2(2);" OnClientClick="return Decide2(2);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button8" onmouseover="return Decide2(3);" OnClientClick="return Decide2(3);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button9" onmouseover="return Decide2(4);" OnClientClick="return Decide2(4);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button10" onmouseover="return Decide2(5);" OnClientClick="return Decide2(5);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblculturefit" runat="server" Width="150px" Text="Culture fit:" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td>

<td class="auto-style1" >

<asp:Button BorderStyle="None" ID="Button11" onmouseover="return Decide3(1);" OnClientClick="return Decide3(1);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button12" onmouseover="return Decide3(2);" OnClientClick="return Decide3(2);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button13" onmouseover="return Decide3(3);" OnClientClick="return Decide3(3);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button14" onmouseover="return Decide3(4);" OnClientClick="return Decide3(4);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button15" onmouseover="return Decide3(5);" OnClientClick="return Decide3(5);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblenthusiasm" runat="server" Width="150px" Text="Enthusiasm & Presentation:" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td>

<td class="auto-style1" >

<asp:Button BorderStyle="None" ID="Button16" onmouseover="return Decide4(1);" OnClientClick="return Decide4(1);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button17" onmouseover="return Decide4(2);" OnClientClick="return Decide4(2);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button18" onmouseover="return Decide4(3);" OnClientClick="return Decide4(3);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button19" onmouseover="return Decide4(4);" OnClientClick="return Decide4(4);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

<asp:Button BorderStyle="None" ID="Button20" onmouseover="return Decide4(5);" OnClientClick="return Decide4(5);"

Height="20px" Width="20px" CssClass="Empty" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label2" runat="server" Width="150px" Text="Overall review of the candidate" Style="font-family: 'Segoe UI'; font-size: 10px;"></asp:Label>

</td></tr>

<tr>

<td>

<img src="inempty.PNG" alt="inempty" height="40" width="40" />

<img src="noempty.PNG" alt="noempty" height="40" width="40" />

<img src="passempty.PNG" alt="passempty" height="40" width="40" />

</td>

</tr>

</table>

 

 

 

 Can any one guide me here...
Thank you in advance!!