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

[Solved] Right Panel Resizing Issue

4 Answers 137 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Pravin
Top achievements
Rank 1
Pravin asked on 09 Aug 2011, 05:49 PM
Have you seen example provided in your demo, http://demos.telerik.com/aspnet-mvc/splitter/nestingcomponents.
When you click on left node or page load/refresh page right panel resizing with full screen for 1 sec. Which should stay remain on right.

Could you please provide solution on it?

I've client demo, your help is appreciated if you can provide solution or any alternate way for splitter panels.

4 Answers, 1 is accepted

Sort by
0
Gerard
Top achievements
Rank 1
answered on 23 Aug 2011, 10:47 AM

I have the same problem in an application. I use a Horizontal Splitter with two panes. The left pane has a size of 180px and contains a PanelBar that acts as a menu with many items and subitems. Subitems have an action so that when the user clicks on it, the splitter right panel shows the content of an associated page.
Now, when the user clicks on a link in the PanelBar, the Splitter left pane takes the whole screen width for about a second, and then resizes to its set width.
My customer is complaining about that, do you have a solution?

Here is my code:

@{Html.Telerik().Splitter().Name("MainSplitter")
    .Orientation(SplitterOrientation.Horizontal)
    .Panes(pane =>
    {
        pane.Add().Size("180px").Collapsible(false)
            .Content(() =>
                @*** Left menu ***@
                Html.Telerik().PanelBar().Name("leftmenu")
                .ExpandMode(PanelBarExpandMode.Single)
                .Items(bar =>
                {
(code omited)
                }
                )
                .Render()
            );
            pane.Add()
                .Content(
                @*** Main content ***@
                @<div id="content">
                    @RenderBody()
                </div>
            );
        }).Render();

Thanks.

0
Paulo de Tarso
Top achievements
Rank 1
answered on 24 Aug 2011, 07:57 PM
Hi, Telerik Team.


I have the same problem in my application.

Tks

Paulo de Tarso

0
Gerard
Top achievements
Rank 1
answered on 24 Aug 2011, 08:00 PM
I found a "solution" by removing the splitter and replacing it with div tags and some css positioning...
0
Andres
Top achievements
Rank 1
answered on 25 Nov 2011, 10:26 PM
Hi Gerard, could you provide your solution please?
Tags
Splitter
Asked by
Pravin
Top achievements
Rank 1
Answers by
Gerard
Top achievements
Rank 1
Paulo de Tarso
Top achievements
Rank 1
Andres
Top achievements
Rank 1
Share this question
or