Panel bar expansion problem

9 posts, 1 answers
  1. Chris Winters
    Chris Winters avatar
    7 posts
    Member since:
    Sep 2009

    Posted 17 Sep 2009 Link to this post

    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);
                }
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 18 Sep 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Chris Winters
    Chris Winters avatar
    7 posts
    Member since:
    Sep 2009

    Posted 21 Sep 2009 Link to this post

    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.


  5. Chris Winters
    Chris Winters avatar
    7 posts
    Member since:
    Sep 2009

    Posted 21 Sep 2009 Link to this post

    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.



  6. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 Sep 2009 Link to this post

    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.
  7. Chris Winters
    Chris Winters avatar
    7 posts
    Member since:
    Sep 2009

    Posted 22 Sep 2009 Link to this post

    works like a charm!

    thanks Paul
  8. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 09 Sep 2011 Link to this post

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

  9. Cat Cheshire
    Cat Cheshire avatar
    128 posts
    Member since:
    Jun 2010
  10. July
    July avatar
    205 posts
    Member since:
    Jul 2011

    Posted 12 Sep 2011 Link to this post

    Thanks Cat!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017