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

Forums / Bugs & Issues / RadMenu Expansion issue

RadMenu Expansion issue

9 posts, 0 answered
  1. Nimit
    Nimit avatar
    90 posts
    Registered:
    27 Mar 2009
    08 Oct 2010
    Link to this post
    Hi there,
    i have a website with a radmenu and inside there is radpanelbar, the structure is as follows:-->

    <telerik:RadMenu ID="test" runat="server" Skin="....." EnableEmbeddedSkins="false">

     

     

    <Items>

     

     

        <telerik:RadMenuItem runat="server" Text="..." NavigateUrl="test.aspx" GroupSettings-OffsetY="-26" >

     

     

            <GroupSettings ExpandDirection="Down"/>
            <
    Items>

     

     

                <telerik:RadMenuItem runat="server" Text="" Width="515">

     

     

                    <ItemTemplate>

     

     

                        <asp:SiteMapDataSource runat="server" ID="smdsStuff" StartingNodeUrl="abc.aspx" ShowStartingNode="false" />

     

     

                        <telerik:RadPanelBar runat="server" ID="rpbStuff" EnableEmbeddedSkins="false" Skin="...." ExpandMode="SingleExpandedItem" DataSourceID="smdsStuff" OnClientMouseOver="ExpandItem"></telerik:RadPanelBar>
                    
    </ItemTemplate>

     

     

                </telerik:RadMenuItem>

     

     

            </Items>

     

        </telerik:RadMenuItem>

     

     

    </Items>

     

     

    </telerik:RadMenu>

     



    where "ExpandItem" is the javascript function.
    Now, my issue is that I want the menu to expand always DOWN, but even if I add the code: <GroupSettings ExpandDirection="Up" /> it is still expanding UP.

    Please email me on what should i do to make to expand Downwards.

    regards,
    Nimit verma
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    10 Oct 2010
    Link to this post
    Hello Nimit,

    Could you give a try to the sample below

    <telerik:RadMenu ID="test" runat="server" Skin="Vista" EnableEmbeddedSkins="true">
      <Items>
        <telerik:RadMenuItem runat="server" Text="Item1" NavigateUrl="test.aspx" GroupSettings-OffsetY="-26" >
          <GroupSettings ExpandDirection="Down"/>
          <Items>
            <telerik:RadMenuItem runat="server" Text="itm1" Width="515">
            </telerik:RadMenuItem>
             <telerik:RadMenuItem runat="server" Text="itm2" Width="515">
            </telerik:RadMenuItem>
             <telerik:RadMenuItem runat="server" Text="itm3" Width="515">
            </telerik:RadMenuItem>
             <telerik:RadMenuItem runat="server" Text="itm4" Width="515">
            </telerik:RadMenuItem>
          </Items>
        </telerik:RadMenuItem>
      </Items>
    </telerik:RadMenu>

    You are setting GroupSettings-OffsetY="-26" which also changes the position of the div that keeps the  RadMenuItems 

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Nimit
    Nimit avatar
    90 posts
    Registered:
    27 Mar 2009
    12 Oct 2010
    Link to this post
    Hi Ivan,
    thank you for the reply.
    I added <GroupSettings ExpandDirection="Down"/>  as you have written in your reply. Still it is expanding upwards, but if I use <GroupSettings ExpandDirection="Left"/>  or <GroupSettings ExpandDirection="Right"/> then it expands left or right as specified.

    If you see my previous posting I have the <GroupSettings ExpandDirection="Down"/> code in there and also I have radpanelbar under each menu item.

    One thing more GroupSettings-OffsetY="-26" code in RadMenuItem is there to move the items little up from the place they actually expand, this is all as per to my graphic design.

    can you please look into this ASAP.

    Regards,
    Nimit Verma.
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    12 Oct 2010
    Link to this post
    Hi Nimit,

    I am not able to replicate the issue you are reporting in this scenario. You have another code that alters the behavior of the group settings. Please take a look at the attached video.

    Regards,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Nimit
    Nimit avatar
    90 posts
    Registered:
    27 Mar 2009
    12 Oct 2010
    Link to this post
    Hi Ivan,
    thank you for the video.
    I copied your code and it worked fine and only difference in your code and mine is that I have RadPanelbar inside the RadMenuitem, please see the attached image  regarding the above. In this image you will see i had <GroupSettings ExpandDirection="Down"/>.

    Thank you and I appreciate your help,
    Nimit Verma.
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    14 Oct 2010
    Link to this post
    Hello Nimit,

    When ExpandDirection is set to Down the RadMenuItem gets expanded down event with RadPanelBar control inside its ItemTemplate

    <telerik:RadMenu ID="test" runat="server" Skin="Vista" EnableEmbeddedSkins="true">
       <DefaultGroupSettings ExpandDirection="Down" />
         <Items>
           <telerik:RadMenuItem runat="server" Text="Item1"  >
             <GroupSettings ExpandDirection="Down"/>
             <Items>
                   <telerik:RadMenuItem runat="server" Text="" Width="515" >
                   <ItemTemplate>
                       <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Vista" >
                       <Items>
                         <telerik:RadPanelItem runat="server" Text="item1"  />
                         <telerik:RadPanelItem runat="server" Text="item2" />
                         <telerik:RadPanelItem runat="server" Text="item3" />
                         <telerik:RadPanelItem runat="server" Text="item4" />
                         <telerik:RadPanelItem runat="server" Text="item5" />
                         <telerik:RadPanelItem runat="server" Text="item1" />
                         <telerik:RadPanelItem runat="server" Text="item2" />
                         <telerik:RadPanelItem runat="server" Text="item3" />
                         <telerik:RadPanelItem runat="server" Text="item4" />
                         <telerik:RadPanelItem runat="server" Text="item5" />
                         <telerik:RadPanelItem runat="server" Text="item1" />
                         <telerik:RadPanelItem runat="server" Text="item2" />
                         <telerik:RadPanelItem runat="server" Text="item3" />
                         <telerik:RadPanelItem runat="server" Text="item4" />
                         <telerik:RadPanelItem runat="server" Text="item5" />
                       </Items>
                       </telerik:RadPanelBar>
                   </ItemTemplate>
               </telerik:RadMenuItem>
           </Items>
       </telerik:RadMenuItem>
         </Items>
    </telerik:RadMenu>


    Sincerely yours,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Nimit
    Nimit avatar
    90 posts
    Registered:
    27 Mar 2009
    15 Oct 2010
    Link to this post
    Hi Ivan,
    Thank you for your reply. it worked.

    Once again thank you for you effort,
    Regards,
    Nimit Verma.
  8. Nimit
    Nimit avatar
    90 posts
    Registered:
    27 Mar 2009
    19 Oct 2010
    Link to this post
    Hi Ivan,
    The example you did for me didn't actually worked.
    I want the menu to expand down always in any situation.
    Please see the code below.
    <form id="form1" runat="server">
            <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>
        <div>
         <br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        </div>
        <div>
        <telerik:RadMenu ID="test" runat="server" Skin="Vista" EnableEmbeddedSkins="true">
                            <DefaultGroupSettings ExpandDirection="Down"/>
                             <Items>
                               <telerik:RadMenuItem runat="server" Text="Item1"  >
                                 <GroupSettings ExpandDirection="Down"/>
                                 <Items>
                                       <telerik:RadMenuItem runat="server" Text="" Width="515">
                                       <ItemTemplate>
                                           <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Vista">
                                           <Items>
                                             <telerik:RadPanelItem runat="server" Text="item1"  />
                                             <telerik:RadPanelItem runat="server" Text="item2"/>
                                             <telerik:RadPanelItem runat="server" Text="item3"/>
                                             <telerik:RadPanelItem runat="server" Text="item4"/>
                                             <telerik:RadPanelItem runat="server" Text="item5"/>
                                             <telerik:RadPanelItem runat="server" Text="item1"/>
                                             <telerik:RadPanelItem runat="server" Text="item2"/>
                                             <telerik:RadPanelItem runat="server" Text="item3"/>
                                             <telerik:RadPanelItem runat="server" Text="item4"/>
                                             <telerik:RadPanelItem runat="server" Text="item5"/>
                                             <telerik:RadPanelItem runat="server" Text="item1"/>
                                             <telerik:RadPanelItem runat="server" Text="item2"/>
                                             <telerik:RadPanelItem runat="server" Text="item3"/>
                                             <telerik:RadPanelItem runat="server" Text="item4"/>
                                             <telerik:RadPanelItem runat="server" Text="item5"/>
                                           </Items>
                                           </telerik:RadPanelBar>
                                       </ItemTemplate>
                                   </telerik:RadMenuItem>
                               </Items>
                            </telerik:RadMenuItem>
                             </Items>
                            </telerik:RadMenu>
        </div>
        </form>
    I just added breaks and start to epand up.
    If you can help me with this I will really appritaite.

    Regards,
    Nimit Verma.
  9. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    19 Oct 2010
    Link to this post
    Hello Nimit,

    You could set Height property of the RadPanelBar to 100 and this will open the RadPanelBar using ExpandDirection="Down

    You are putting the control at the bottom of the page and the menu could not expand in the browser footer. Even if I assume that this is a real behavior and you expand these items using down direction  you will not be able to select any item because they will be overlapped by the browser footer.

    You can gather more information at RadPanelBar dev manual


    Sincerely yours,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
9 posts, 0 answered