Panel bar expansion problem

[Chris Winters]

I have a RadPanelBar that I am using that has dynamic heights for the childheightproperty.

Seems to be an issue related to IE8 compatibility mode?

When I load the panelbar, all panels are collapsed.  When I expand any of the panels (except the bottom one), I am seeing a "ghost" of the panel BELOW the one I open remaining in the spot where it was before I expanded the panel above it.  In this case, the panel has a background image applied via CSS.

As a result, I have to "click" on this ghost, in order to see the content of the panel I just opened.

HELP

My code:

foreach (XmlNode Panel in Panels)
            {
                string PanelName = Panel.SelectSingleNode("PanelText").InnerText;
                string PanelImage = Panel.SelectSingleNode("PanelImage").InnerXml;
                string PanelContent = Panel.SelectSingleNode("PanelContentText").InnerText;
                int PanelContentHeight = 0;
                Telerik.Web.UI.RadPanelItem item = new Telerik.Web.UI.RadPanelItem(PanelName, "");
                Telerik.Web.UI.RadPanelItem childPanelItem = new Telerik.Web.UI.RadPanelItem("", "");

                item.ChildGroupHeight = 200;

                string strInnerHtml = string.Empty;

                strInnerHtml += "<div>" + PanelContent + "</div><br />";
                if (PanelImage != null)
                {
                    strInnerHtml += "<div align='center'>" + PanelImage + "</div>";
                }

                PanelItemTemplate template = new PanelItemTemplate(strInnerHtml);
                childPanelItem.ItemTemplate = template;
                try
                {
                    PanelContentHeight = Convert.ToInt32(Panel.SelectSingleNode("PanelContentHeight").InnerText);
                    item.ChildGroupHeight = PanelContentHeight;
                }
                catch
                {
                    item.ChildGroupHeight = 200;
                }
                item.Items.Add(childPanelItem);
                item.Expanded = false;
                this.RadPanelBar1.Items.Add(item);
            }

[Paul]

Hi Chris,

I think it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Chris Winters]

unfortunately, thats not possible due to the "privacy" of the content.

I didnt write the application that uses this control, but I am stuck supporting it.

i cant find anything that references a "expand()" or "collapse" function in JS or CS code.

How is this handled?  is it handled on your side?

my source code simply has a "<a>" with href="#"  I cant find any references to even the AJAX libraries.

[Chris Winters]

Hi Paul,

Please view the following test page:

http://www.sonos.com/clearform.aspx

in both IE 7 and IE8 - compatibility mode

When expanding the second item, you will see a ghost of the 3rd appear in the middle of the block -- also, the text appears wiped out of the panel below it.

[Paul]

Hi Chris,

Thanks for the provided URL.

I think you can easily fix this issue by adding relative positioning to the panelbar itself.

BTW, please mark your future tickets/forum posts for the exact version of the used control (your forum post is now marked for v2009.2.826, but you are actually using v2008.1.515).

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Chris Winters]

works like a charm!

thanks Paul

[July]

 PanelItemTemplate is a Telerik Control?
I didn't find it!.

[Cat Cheshire]

You can take a look at this demo:
http://demos.telerik.com/aspnet-ajax/panelbar/examples/functionality/templates/defaultcs.aspx

[July]

Thanks Cat!