+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / SitePanelBar + RadMenu

SitePanelBar + RadMenu

6 posts, 0 answered
  1. Aleh Hapanovich
    Aleh Hapanovich avatar
    3 posts
    Registered:
    18 Jan 2010
    18 Jan 2010
    Link to this post

    Hello Telerik Team,

    I have a problem related to displaying RadMenu in template style in SitePanelBar. RadMenu cannot go beyond the SitePanelBar control's borders.

    I used the sample code from: : http://www.telerik.com/help/aspnet-ajax/panel_add-templates-runtime.html



  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    18 Jan 2010
    Link to this post
    Hello Aleh Hapanovich,

    As far as I see it, you have applied some styles to the control which breaks the appearance.

    Greetings,
    Ivan Dimitrov
    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. Aleh Hapanovich
    Aleh Hapanovich avatar
    3 posts
    Registered:
    18 Jan 2010
    18 Jan 2010
    Link to this post

    Please see screenshot without css style (default).

    My structure html document:

    <li class="rpItem">

    <a class="rpLink rpExpandable" href="#"><span class="rpOut"><span class="rpText">...patibL Platform</span></span></a>

    <div class="rpTemplate">
    <div class="RadMenu RadMenu_Default" id="ctl00_SidebarContent_ctl00_RadPanelbar1_i2_RadMenu1" style="z-index: 8000;">
    <ul class="rmVertical rmRootGroup">
    <li class="rmItem rmFirst rmLast" style="z-index: 1;">

    <a class="rmLink rmExpanded" href="#" style="width: 23px;"><span class="rmText rmExpandRight">></span></a>

    <div class="rmSlide" style="overflow: visible; visibility: visible; height: 72px; width: 200px; display: block; left: 35px; top: 0px; z-index: 2;">
    <ul class="rmVertical rmGroup rmLevel1" style="display: block; top: 0px; left: 0px; visibility: visible;">
    <li class="rmItem rmFirst"><a class="rmLink" href="...patibLPlatform/ClientFoundation.aspx" style="width: 198px;"><span class="rmText">ClientFoundation</span></a></li>

      <li class="rmItem "><a class="rmLink" href="...patibLPlatform/WorkflowFoundation.aspx" style="width: 198px;"><span class="rmText">WorkflowFoundation</span></a></li>

      <li class="rmItem rmLast"><a class="rmLink" href="...patibLPlatform/ServerFoundation.aspx" style="width: 198px;"><span class="rmText">ServerFoundation</span></a></li>
    </ul>

    </li>

  4. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    20 Jan 2010
    Link to this post
    Hello Aleh Hapanovich,

    Could you try to add the RadMenu as a child of a div element with overflow: visible property set and then add it to the template of the panelbar?

    Greetings,
    Radoslav Georgiev
    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.
  5. Aleh Hapanovich
    Aleh Hapanovich avatar
    3 posts
    Registered:
    18 Jan 2010
    20 Jan 2010
    Link to this post

    I fixed that problem in this way:

    public class MyRadMenu:RadMenu

    {
    protected override void Render(HtmlTextWriter writer)
    {
    writer.WriteBeginTag("layer name='RadMenu'");
    writer.WriteEndTag("/layer");
    base.Render(writer);
    }

    }


    css style:


    .RadPanelBar layer{
    position: absolute;
    }



    Can you give me an example how to expand RadMenu items using javascript?

  6. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    20 Jan 2010
    Link to this post
    Hello Aleh Hapanovich,

    Could you please take a look at the following demo: Menu Client-Side API, which samples how to open/close and enable/disable RadMenu items using JavaScript.

    You can also consult to the RadMenu Client-Side API reference for more information client-side functionality.

    Sincerely yours,
    Radoslav Georgiev
    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.
Register for webinar
6 posts, 0 answered