hi,
I have three different repeater controls and every controls have panels and labels.
here i created these things for showing orgchart structure of employee.
1st layer repeater1 - manager
2nd layer repeater2 - employee and equal employees
3rd layer repeater3 - sub employee who comes under employee.
i created panels and repeater which connected to database.
but i want to connect those panels with line.
manger panel connected to employee and equal employee
and employee connected to sub employee like orgchart .
these things i created in web forms not a windows form.
anyone have any idea how to create this and please help me to develope this.
thanks in advance
Regards
cywa
<asp:Repeater ID="RepLayer1sup" runat="server">
<ItemTemplate>
<asp:Panel ID="panelOrg1" runat="server" Style="width: 360px; height: 160px; border-radius: 25px;
border-style: groove; border-color: rgba(0, 0, 0, 0.2); border-left-color: rgba(0, 0, 0, 0.2);
border-right-color: rgba(0, 0, 0, 0.2); border-width: 4px; background: #f2f0e4;
background: -moz-linear-gradient(top, #f2f0e4 0%, #f2f0e4 30%, #c7bfb3 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f0e4), color-stop(30%, #f2f0e4), color-stop(100%, #c7bfb3));
background: -webkit-linear-gradient(top, #f2f0e4 0%, #f2f0e4 30%, #c7bfb3 100%);
background: -o-linear-gradient(top, #f2f0e4 0%, #f2f0e4 30%, #c7bfb3 100%); background: -ms-linear-gradient(top, #f2f0e4 0%, #f2f0e4 30%, #c7bfb3 100%);
background: linear-gradient(to bottom, #f2f0e4 0%, #f2f0e4 30%, #c7bfb3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0e4', endColorstr='#c7bfb3', GradientType=0 );">
<div style="border-radius: 6px; width: 10px; height: 30px">
<asp:Button ID="Button1" Class="lblEmpNamesupcl" runat="server" Font-Bold="true"
Font-Size="Small" BackColor="Transparent" Text='<%# Bind("EmpName") %>' CommandArgument='<%# Bind("EmpId") %>'
CommandName="employeenumber" Width="260px" Height="30px" ForeColor="Black" Style="font-size: x-small;
font-weight: bold; border-top-left-radius: 25px; border-top-right-radius: 25px;
color: black; width: 360px; height: 30px; border-width: 3px; background: -moz-linear-gradient(top, #77c777 0%, #77c777 6%, #56b356 15%, #77c777 23%, #77c777 27%, #77c777 35%, #0dbd22 59%, #0dbd22 67%, #0dbd22 79%, #2cf009 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #77c777), color-stop(6%, #77c777), color-stop(15%, #56b356), color-stop(23%, #77c777), color-stop(27%, #77c777), color-stop(35%, #77c777), color-stop(59%, #0dbd22), color-stop(67%, #0dbd22), color-stop(79%, #0dbd22), color-stop(100%, #2cf009));
background: -webkit-linear-gradient(top, #77c777 0%, #77c777 6%, #56b356 15%, #77c777 23%, #77c777 27%, #77c777 35%, #0dbd22 59%, #0dbd22 67%, #0dbd22 79%, #2cf009 100%);
background: -o-linear-gradient(top, #77c777 0%, #77c777 6%, #56b356 15%, #77c777 23%, #77c777 27%, #77c777 35%, #0dbd22 59%, #0dbd22 67%, #0dbd22 79%, #2cf009 100%);
background: -ms-linear-gradient(top, #77c777 0%, #77c777 6%, #56b356 15%, #77c777 23%, #77c777 27%, #77c777 35%, #0dbd22 59%, #0dbd22 67%, #0dbd22 79%, #2cf009 100%);
background: linear-gradient(to bottom, #77c777 0%, #77c777 6%, #56b356 15%, #77c777 23%, #77c777 27%, #77c777 35%, #0dbd22 59%, #0dbd22 67%, #0dbd22 79%, #2cf009 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c777', endColorstr='#2cf009', GradientType=0 );" />
<asp:Button ID="btn1" Class="btn1cl" runat="server" Text='<%# Bind("EmpId") %>' OnClientClick="btn1_Click"
CommandArgument='<%# Bind("EmpId") %>' Font-Size="X-Small" Font-Bold="true" CommandName="employeenumber"
Width="260px" Height="30px" ForeColor="#dbdbdb" Style="border-top-left-radius: 6px;
border-width: 2px; border-style: none; border-color: red; border-top-right-radius: 6px;
display: none; background: linear-gradient(to bottom left,white, #c8e8eb); overflow: inherit;
background: linear-gradient(to bottom right, #666666, #7d7a7a);"></asp:Button><br />
<asp:HiddenField ID="HiddenField1" runat="server" Value='<%# Bind("EmpId") %>' />
<asp:HiddenField ID="hdndesignation" runat="server" Value='<%# Bind("Designation") %>' />
<br />
<asp:ImageButton ID="Empprofile" runat="server" ImageUrl="~/Images/UserPhoto1.png"
Width="120" Height="90" Style="display: initial; width: 120px; height: 90px;" />
<%--<asp:Image ID="Empprofile" runat="server" ImageUrl="~/Images/team.png" Width="50" ImageAlign="Middle" Height="65" style="display:none;" />--%>
<br />
<br />
<asp:Button ID="lblParentName" runat="server" Font-Size="Small" Text='<%# Bind("ParentName") %>'
CommandArgument='<%# Bind("ParentName") %>' CommandName="StartValue" Visible="false" />
<%--<asp:Button ID="lblParentName" runat="server" Font-Size="Small" Text='<%# Container["ParentName"] %>' Visible="false"></asp:Button>--%>
<br />
</div>
</asp:Panel>
</ItemTemplate>
</asp:Repeater>
like this..
