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

Change splitter orientation in client side

4 Answers 35 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
MTs
Top achievements
Rank 1
MTs asked on 16 Jan 2012, 08:18 PM
Can I change splitter orientation in client side?

Thanks,
MTs

4 Answers, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 17 Jan 2012, 11:58 AM
Hi MTs,

No, it is not possible to change the splitter's orientation on the client. The problem comes from the fact that RadSplitter renders differently depending on the value of its Orientation property.

Nevertheless, you can apply this modification by triggering an AJAX call and set the value of the splitter on the server.

Regards,
Dobromir
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
MTs
Top achievements
Rank 1
answered on 17 Jan 2012, 01:59 PM
The problem with server side is that I must update the whole splitter's update panel, including it's two panes.
It's heavy because one of the panes contains records from a very complicated query on the database.

Thanks anyway
MTs.
0
Dave
Top achievements
Rank 1
answered on 06 Feb 2013, 09:33 PM
Not sure if this reply will be seen so late but; I am changing the orientation server side when user selects but it never seems to do anything?  Is there a repaint or refresh or .. ?
0
Vessy
Telerik team
answered on 11 Feb 2013, 03:35 PM
Hi Dave,

When you are changing the Splitter's orientation, you will also need to reset the width and height of it and its children (RadPanes). For example:

ASPX:
<asp:Button ID="Button1" runat="server" Text="Change Orientation" OnClick="Button1_Click" />
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="700px" Height="700px" Orientation="Horizontal">
    <telerik:RadPane ID="RadPane1" runat="server"></telerik:RadPane>
    <telerik:RadPane ID="RadPane2" runat="server"></telerik:RadPane>
    <telerik:RadPane ID="RadPane3" runat="server"></telerik:RadPane>
</telerik:RadSplitter>

CS:
protected void Button1_Click(object sender, EventArgs e)
{
    if (RadSplitter1.Orientation == System.Web.UI.WebControls.Orientation.Horizontal)
    {
        RadSplitter1.Orientation = System.Web.UI.WebControls.Orientation.Vertical;
    }
    else
    {
        RadSplitter1.Orientation = System.Web.UI.WebControls.Orientation.Horizontal;
    }
    RadSplitter1.Width = Unit.Pixel(700);
    RadSplitter1.Height = Unit.Pixel(700);
    RadPane1.Width = RadPane2.Width = RadPane3.Width = Unit.Empty;
    RadPane1.Height = RadPane2.Height = RadPane3.Height = Unit.Empty;
}

I hope this is helpful for you.

Regards,
Vesi
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Splitter
Asked by
MTs
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
MTs
Top achievements
Rank 1
Dave
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or