Rad Splitter Resize

4 posts, 0 answers
  1. balaji
    balaji avatar
    17 posts
    Member since:
    Dec 2010

    Posted 09 Feb 2011 Link to this post

    Hi,

    I have a nested rad splitter to divide the screen into 3 portion left,(in right) top and main content with RadGrid.

    I want splitter width should be fit as per screen size like 100%. but while i gave 100% to parent splitter the child splitter got shrink.

    Plz help on this.


    regards,

    Baaje
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 14 Feb 2011 Link to this post

    Hi Balaji,

    The provided information is not enough to reproduce the problem locally. Could you please provide more detailed information on the specific scenario? A sample page reproducing the problem will be of great help solving this case.

    All the best,
    Dobromir
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. balaji
    balaji avatar
    17 posts
    Member since:
    Dec 2010

    Posted 14 Feb 2011 Link to this post

    hi

    Thanx for your reply.

    Here i've hard code width is 1250 for rad splitter.. but i want this has to be 100%. if so what are all the steps to achieve this. and

    If there is no record in radgrid splitter is not working. i cant able to adjust it. but works fine while grid has data.

    <telerik:RadSplitter  runat="server" Width="1250" CssClass="AutoHeight">
                <telerik:RadPane ID="LeftPane" runat="server" Width="150px" Scrolling="Y" CssClass="AutoHeight">
                    <!-- User Control -->
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward">
                </telerik:RadSplitBar>
                <telerik:RadPane ID="contentPane" runat="server" Scrolling="Both" CssClass="AutoHeight">
                    <telerik:RadSplitter runat="server" Orientation="Horizontal"
                        CssClass="AutoHeight">
                        <telerik:RadPane ID="topPane" runat="server" Height="80">
                            <!-- User Control -->
                        </telerik:RadPane>
                        <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward">
                        </telerik:RadSplitBar>
                        <telerik:RadPane ID="MainPane" runat="server" CssClass="AutoHeight">
                            <!-- Rad grid -->
                        </telerik:RadPane>
                    </telerik:RadSplitter>
                </telerik:RadPane>
            </telerik:RadSplitter>
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 16 Feb 2011 Link to this post

    Hi Balaji,

    I tried to reproduce problem with the provided splitters' declaration but to no avail.

    In the sample code I noticed that you have set CssClass="AutoHeight". Is that a class with CSS property height: auto !important? If so could you please try removing this class and see if the problem still occurs.

    Using such approach to provide automatically resize to the splitter according its content is highly not recommended. Instead you can use the approach provided in the following KB article:
    Initially Resize the RadSplitter according to its content

    If this is not the case, could you please provide sample project and / or a live URL so we can examine it further?

    All the best,
    Dobromir
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top