Center The Whole Org On A Page

2 posts, 0 answers
  1. Lee
    Lee avatar
    5 posts
    Member since:
    Jan 2008

    Posted 07 Jan 2015 Link to this post


    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.

        <form id="form1" runat="server">
        <asp:ScriptManager ID="scriptManager1" runat="server"/>
            <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" />

  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 12 Jan 2015 Link to this post


    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.

    Boyan Dimitrov

    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.

Back to Top