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

    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
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 12 Jan 2015 Link to this post

    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
     

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top