Menu not visible below Iframe in Splitter

10 posts, 1 answers
  1. kiwo
    kiwo avatar
    17 posts
    Member since:
    Apr 2007

    Posted 20 Aug 2008 Link to this post

    Hi.

    Our application uses both splitters and iframes for layout. So, we have the following structure:
    <Splitter1>
      <Pane11>
         <RadMenu/>
      </Pane11>
      <Pane12>
         <Splitter2>
            <Pane21/>
            <Pane22>
                <Iframe/>
            </Pane22>
         </Splitter2>
      </Pane12>
    </Splitter1>

    The Iframe takes the biggest part of the screen. The problem is that in FireFox, menu subitems go below Iframe and are not visible. Please note, that I applied your advice from knowledge base for menu+splitter, and menu started work fine WITHOUT Iframe but it still doesn't show well WITH Iframe. Without splitter, menu + iframe work fine as well...

    Hope I described the situation clearly. We are using Prometheus.
    ---
    TIA,
    Mike
  2. Answer
    Yana
    Admin
    Yana avatar
    4985 posts

    Posted 22 Aug 2008 Link to this post

    Hello Mike,

    Please check the attached sample project that demonstrates the needed approach.

    Best wishes,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. kiwo
    kiwo avatar
    17 posts
    Member since:
    Apr 2007

    Posted 22 Aug 2008 Link to this post

    Hello Yana.

    Thanks for your reply. Your sample works, but only partially. If I add a background color, or some image to Iframe html, the menu still renders below the frame. Try the following HTML for Iframe page:
    <html>
    <body bgcolor="white">
          <img src="http://www.google.com/logos/olympics08_baseball.gif">
    </body>
    </html>

    Hope you can solve this problem as well.
    ---
    TIA,
    Mike

  4. Yana
    Admin
    Yana avatar
    4985 posts

    Posted 25 Aug 2008 Link to this post

    Hi Mike,

    I tested the project with the provided code and RadMenu works as expected. Please check the attached screenshot which shows that menu items are visible over the iframe in IE7, Firefox 3 and Safari.


    All the best,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. kiwo
    kiwo avatar
    17 posts
    Member since:
    Apr 2007

    Posted 25 Aug 2008 Link to this post

    This problem appeared in my FF2 browser, but indeed, FF3 solves it! Ok, that's good enough for me. Thanks for your efforts!
  6. Geert
    Geert avatar
    33 posts
    Member since:
    Jul 2008

    Posted 01 Oct 2008 Link to this post

    Dear,

    the problem is FF2 related. Any idea why or is the case closed?

    The Sofim-team (Belgium)
  7. Tom Jaspering
    Tom Jaspering avatar
    34 posts
    Member since:
    May 2006

    Posted 16 Oct 2008 Link to this post

    I have a similar issue, but exactly the opposite. In my case, the menu is inside of the iframe. When the menu opens up, it gets cutoff at the edge of the iframe. Any idea how I might deal with this? What I'd like it to do is continue on and display over the containing page as well as necessary.
  8. Yana
    Admin
    Yana avatar
    4985 posts

    Posted 17 Oct 2008 Link to this post

    Hello Tom,

    Unfortunately, RadMenu located in a iframe cannot expand over it. Please check this kb article for more details.

    All the best,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  9. Tom Jaspering
    Tom Jaspering avatar
    34 posts
    Member since:
    May 2006

    Posted 17 Oct 2008 Link to this post

    I don't understand. The article you provided a link for says that it won't work in standard frames and suggests using iframes. I am using iframes and it still does not work. The article is a bit lisleading I think.
  10. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 20 Oct 2008 Link to this post

    Hello Tom Jaspering,

    Indeed the article is a bit misleading - we will shortly fix that. We added to your Telerik points for pointing this out.

    Regarding the issue itself - if the Menu is in an iframe (frame), it will not be able to expand over (out of) the frame. So, the solution will be to move the Menu in an upper frame as shown in the KB article. In this case the Menu will be able to expand over the iframe.

    I hope this makes things clearer.

    Kind regards,
    Simon
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top