Coolite Forums / Coolite Toolkit / Help / [SOLVED] Programmatically show/hide borderlayout regions / Latest Posts

RE: [SOLVED] Programmatically show/hide borderlayout regions

geoffrey.mcgill — Sun, 07 Sep 2008 04:02:24 GMT

Hi Zarand,

The main thread tracking the status release of v0.6 is http://www.coolite.com/forums/Topic1224-7-1.aspx

Hope this helps.

RE: [SOLVED] Programmatically show/hide borderlayout regions

Zarzand — Tue, 29 Jul 2008 11:39:39 GMT

When will <ext:Menu> be available ?

Thank You.

RE: [SOLVED] Programmatically show/hide borderlayout regions

jchau — Tue, 29 Jul 2008 09:59:27 GMT

Thanks Agha!!!! I have originally tried putting the menu outside the viewport and it worked fine EXCEPT I also had a header in the north region. If I put both the header and menu outside the viewport, my header won't show but my menu will. It looked like the menu was over the header. Sooooo frustrating. But I used your approach and wrapped everything inside a div with position:absolute and everything is working now. Thanks so much again!

geoffrey, I have tried setting the z-index of the menu to 10000000 but it still didn't work. I do believe Telerik render their menu already with absolute positioning or something else weird. But I am glad Agha's method worked.

RE: [SOLVED] Programmatically show/hide borderlayout regions

geoffrey.mcgill — Mon, 28 Jul 2008 00:56:02 GMT

The Menu hiding problem is probably caused by the css z-index of the ViewPort regions being higher/greater than that of the 3rd party menu control. Are there options on the menu control to increase the css z-index? or maybe manually adding a css class which will override the default class?

Ultimately the best solution is going to be the <ext:Menu> control which is being worked on right now. The <ext:Menu> will fully integrate with all the Panel/Container controls and positioning will be managed automatically.

RE: [SOLVED] Programmatically show/hide borderlayout regions

vladsch — Sun, 27 Jul 2008 07:38:42 GMT

Hi jchau,

For hiding region in codebehind just set Visible='false' for region panel

See small example

[code]
protected void Page_Load(object sender, EventArgs e)
{
HideRegion(BorderLayout1, RegionPosition.East);
HideRegion(BorderLayout1, RegionPosition.North);
HideRegion(BorderLayout1, RegionPosition.South);
}

private void HideRegion(BorderLayout layout, RegionPosition regionPosition)
{
BorderLayoutRegion region;
switch (regionPosition)
{
case RegionPosition.North:
region = layout.North;
break;
case RegionPosition.South:
region = layout.South;
break;
case RegionPosition.East:
region = layout.East;
break;
case RegionPosition.West:
region = layout.West;
break;
case RegionPosition.Center:
throw new Exception("The center region can't be hide");
break;
default:
throw new ArgumentOutOfRangeException("regionPosition");
}

if(region.Items.Count > 0)
{
region.Items[0].Visible = false;
}
}
[/code]

If you need hide on client side then
[code]
var west = Ext.getCmp('west-panel'); // this is west panel region
west.hide();
Ext.getCmp('viewport').doLayout();
[/code]

RE: [SOLVED] Programmatically show/hide borderlayout regions

agha — Sun, 27 Jul 2008 01:46:37 GMT

Try placing a div before the Viewport and place your menu inside this div.

[code]
<div id="menuBar" style="position: absolute; top: 0; left: 0">

</div>
<ext:ViewPort ID="ViewPort1" runat="server">
...
[/code]

This should render the div on top of the viewport/borderlayout and hopefuly the menu will drop down on top of the layout regions as well.

Hope this helps.

--
Agha

RE: [SOLVED] Programmatically show/hide borderlayout regions

jchau — Sat, 26 Jul 2008 09:14:31 GMT

It's been a month, and I am still struggling with the same issue. I have to demo Coolite to my managers in a week and if this can't be resolved, it will be a deal breaker.

RE: [SOLVED] Programmatically show/hide borderlayout regions

Zarzand — Fri, 25 Jul 2008 14:15:36 GMT

I'm having the same problem I'm using DevExpress Menu and it would't overlay over BorderLayout North it stays behind. Can some please help

Thank You..

RE: [SOLVED] Programmatically show/hide borderlayout regions

jchau — Thu, 26 Jun 2008 14:07:15 GMT

Another issue I have is that if the menu dropdowns are longer than height of North region, it will be hidden. Is it possible to have the header and menu stuff outside of the viewport?

[SOLVED] Programmatically show/hide borderlayout regions

jchau — Thu, 26 Jun 2008 13:28:52 GMT

I have a viewport in my masterpage. The north region has a header image, a RadMenu control, and a RadToolbar control. The other 4 regions have contentplaceholders that a content page can populate if needed. If a region is empty, I would like to hide it. How can I achieve this? Since the viewport is in a masterpage, it needs to be very flexible. I will have up to 50 pages in this website. There could be 10 pages that use center region only, 20 pages that use center and west, and etc. I want the content page to tell the masterpage which region to show.