This is a migrated thread and some comments may be shown as answers.

Rad Splitter Resize

3 Answers 84 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
balaji
Top achievements
Rank 1
balaji asked on 09 Feb 2011, 09:01 AM
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

3 Answers, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 14 Feb 2011, 09:41 AM
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.
0
balaji
Top achievements
Rank 1
answered on 14 Feb 2011, 10:01 AM
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>
0
Dobromir
Telerik team
answered on 16 Feb 2011, 04:59 PM
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.
Tags
Splitter
Asked by
balaji
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
balaji
Top achievements
Rank 1
Share this question
or