Hi
I have successfully bound a large dataset to my org chart and displaying the first 3 levels but the chart if bursting out the right hand side of the page. I'm ok with this but would like the top node to appear in the center of the page effectively bursting out the sides of the page equally.
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="scriptManager1" runat="server"/>
<div>
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" ClientEvents-OnResponseEnd="OnResponseEnd">
<div class="demo-container no-bg">
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1" >
<asp:HiddenField runat="server" ID="SessionID" />
<telerik:RadOrgChart ID="RadOrgChart1" runat="server" Skin="Default" RenderMode="Lightweight" LoadOnDemand="NodesAndGroups" DataCollapsedField="Collapsed" GroupColumnCount="3" EnableDrillDown="true" EnableDragAndDrop="true" MaxDataBindDepth="3" DisableDefaultImage="true" AllowGroupItemDragging="true" EnableGroupCollapsing="true" />
</telerik:RadAjaxPanel>
</div>
</telerik:RadAjaxPanel>
</div>
</form>
</body>
Thanks
I have successfully bound a large dataset to my org chart and displaying the first 3 levels but the chart if bursting out the right hand side of the page. I'm ok with this but would like the top node to appear in the center of the page effectively bursting out the sides of the page equally.
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="scriptManager1" runat="server"/>
<div>
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" ClientEvents-OnResponseEnd="OnResponseEnd">
<div class="demo-container no-bg">
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1" >
<asp:HiddenField runat="server" ID="SessionID" />
<telerik:RadOrgChart ID="RadOrgChart1" runat="server" Skin="Default" RenderMode="Lightweight" LoadOnDemand="NodesAndGroups" DataCollapsedField="Collapsed" GroupColumnCount="3" EnableDrillDown="true" EnableDragAndDrop="true" MaxDataBindDepth="3" DisableDefaultImage="true" AllowGroupItemDragging="true" EnableGroupCollapsing="true" />
</telerik:RadAjaxPanel>
</div>
</telerik:RadAjaxPanel>
</div>
</form>
</body>
Thanks
1 Answer, 1 is accepted
0
Hello,
The root node/s of the RadOrgChart are centered by default. Could you please explain what exactly you are trying to achieve? An image that show the desired behavior will be very helpful.
Regards,
Boyan Dimitrov
Telerik
The root node/s of the RadOrgChart are centered by default. Could you please explain what exactly you are trying to achieve? An image that show the desired behavior will be very helpful.
Regards,
Boyan Dimitrov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.