I am binding a RadContextMenu control![]()
to a hierarchical dataset and am having problems with literals appearing at the bottom of the menu. This only happens when the menu is set longer than the list of items. The control is rendering properly in Firefox.
ASPX Code:
Populated as follows
Note that with only a couple items added to the root level of the menu I will get the ' ' literals appearing at the end of the menu. If however the list is longer than the control, the control scrolls as desired and no extraneous characters display.
ASPX Code:
| <telerik:RadContexMenu ID="RadMenu1" runat="server" /> |
Populated as follows
DataSet links = new DataSet();
adapter.Fill(links);
RadMenu1.DataTextField = "TagName";
RadMenu1.DataNavigateUrlField = "";
RadMenu1.DataFieldID = "TagId";
RadMenu1.DataFieldParentID = "TagParentId";
RadMenu1.DataSource = links;
RadMenu1.DataBind();
RadMenu1.ExpandDelay = 1;
RadMenu1.EnableRootItemScroll = false;
RadMenu1.DefaultGroupSettings.Flow = ItemFlow.Vertical;
RadMenu1.DefaultGroupSettings.Height = Unit.Pixel(200);
adapter.Fill(links);
RadMenu1.DataTextField = "TagName";
RadMenu1.DataNavigateUrlField = "";
RadMenu1.DataFieldID = "TagId";
RadMenu1.DataFieldParentID = "TagParentId";
RadMenu1.DataSource = links;
RadMenu1.DataBind();
RadMenu1.ExpandDelay = 1;
RadMenu1.EnableRootItemScroll = false;
RadMenu1.DefaultGroupSettings.Flow = ItemFlow.Vertical;
RadMenu1.DefaultGroupSettings.Height = Unit.Pixel(200);
Note that with only a couple items added to the root level of the menu I will get the ' ' literals appearing at the end of the menu. If however the list is longer than the control, the control scrolls as desired and no extraneous characters display.
5 Answers, 1 is accepted
0
Hello Mark,
These links are used for the scrolling images. Please refer to the attached screenshot for details. If you do not set fixed height for the group, these links won't appear.
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.
These links are used for the scrolling images. Please refer to the attached screenshot for details. If you do not set fixed height for the group, these links won't appear.
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.
0
Mark
Top achievements
Rank 1
Rank 1
answered on 23 Sep 2009, 04:03 PM
The context menu is based on dynamic data that can change in length. I need to set the height of the menu so it will scroll if over a certain size. There can be 50+ items at the root level which will not display fully if scrolling is not enabled and as far as I know, in order to scroll you need to set the height.
Here is a link to a screen grab of my issue. Note that this only happens in IE7 and not Firefox.
RadMenu Example Image
Thanks,
Mark
Here is a link to a screen grab of my issue. Note that this only happens in IE7 and not Firefox.
RadMenu Example Image
Thanks,
Mark
0
Hello Mark,
We think this strange issue might be caused by some inherited global CSS style. It will be best if you can send us a live URL or open a support ticket and send us a simple running project (incl. CSS, images, skins, 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.
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.
We think this strange issue might be caused by some inherited global CSS style. It will be best if you can send us a live URL or open a support ticket and send us a simple running project (incl. CSS, images, skins, 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.
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.
0
Mark
Top achievements
Rank 1
Rank 1
answered on 24 Sep 2009, 06:13 PM
I believe this is a IE specific issue (have not had a chance to test
IE8 but definitely a problem for 7.0.5730.13). Firefox 3.5.3 and Safari
4.0.2 for PC work properly.
I do not have any custom CSS, skins, etc. I am able to recreate with the small code sample below. I started a new [RadControls CSharp WebSite] in Visual Studio 2008 using the latest telerik binaries.
Note that if you increase the number of RadMenuItems beyond the length of the context menu, the up/down scroll arrows appear. It is just when the number of menu items does not fully fill the context menu that the displays below the last menu item.
Thanks,
Mark
I do not have any custom CSS, skins, etc. I am able to recreate with the small code sample below. I started a new [RadControls CSharp WebSite] in Visual Studio 2008 using the latest telerik binaries.
Note that if you increase the number of RadMenuItems beyond the length of the context menu, the up/down scroll arrows appear. It is just when the number of menu items does not fully fill the context menu that the displays below the last menu item.
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| <Scripts> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> |
| </Scripts> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| </telerik:RadAjaxManager> |
| <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Web20"> |
| </telerik:RadSkinManager> |
| <div> |
| <telerik:RadContextMenu ID="RadContextMenu1" runat="server" Skin="Vista" > |
| <DefaultGroupSettings Flow="Vertical" Height="200" /> |
| <Targets> |
| <telerik:ContextMenuControlTarget ControlID="lblContextTest" /> |
| </Targets> |
| <Items> |
| <Telerik:RadMenuItem Text="Trees" /> |
| <Telerik:RadMenuItem Text="Sunset" /> |
| <Telerik:RadMenuItem Text="Mountains" /> |
| </Items> |
| </telerik:RadContextMenu> |
| <asp:Label ID="lblContextTest" runat="server">Right Click Me!</asp:Label> |
| </div> |
| </form> |
| </body> |
| </html> |
Thanks,
Mark
0
Hi Mark,
Thank you for providing the code.
We managed to observe the issue and scheduled it for fixing during the next week. Your Telerik points have been updated accordingly.
As a workaround you can disable scrolling of this Context Menu by handling its Load event as shown below:
| function onLoad(sender) { |
| this._initializeScroller = function() { }; |
| } |
Regards,
Simon
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.
Simon
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.