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

[Solved] Splitter with embedded PanelBar resizing

6 Answers 182 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.

Gerard asked on 13 Jun 2011, 09:08 AM

Hi,

I have a horizontal Spliter with two panes in a Razor layout page. The left pane contains a PanelBar and is used as a menu. The right pane contains the @RenderBody. Whenever I click on an item in the PanelBar, the Splitter's left pane fills the whole page for about half a second before going back to its 180 px width. This is a very anoying flickering effect. Would anybody have a solution to avoid it?

Here is the code:

<div id="main">

@{Html.Telerik().Splitter().Name("MainSplitter")

.Orientation(SplitterOrientation.Horizontal)

.Panes(pane =>

{

pane.Add().Size("180px").Collapsible(true)

.Content(() =>

@*** Left menu ***@

Html.Telerik().PanelBar().Name("leftmenu")

.ExpandMode(PanelBarExpandMode.Single)

.Items(bar =>

{

bar.Add().Text("Produits")

.Items(subItem =>

{

subItem.Add().Text("Produits").Action("ProduitListe", "Produit");

subItem.Add().Text("Cartouches").Action("CartoucheListe", "Produit");

subItem.Add().Text("Carcasses").Action("CarcasseListe", "Produit");

subItem.Add().Text("Séries").Action("SerieListe", "Serie");

})

;

(other menu items omitted)

}

)

.Render()

);

pane.Add()

.Content(

@*** Main content ***@

@<div id="content">

@RenderBody()

</div>

);

}).Render();

}

@*** Footer ***@

<div id="footer">

</div>

Thanks

[Solved] Splitter with embedded PanelBar resizing

6 Answers, 1 is accepted