Extra Characters Appearing in IE7

6 posts, 0 answers
  1. Mark
    Mark avatar
    7 posts
    Member since:
    Feb 2008

    Posted 21 Sep 2009 Link to this post

    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:
    <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);



    Note that with only a couple items added to the root level of the menu I will get the '&nbsp;' 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.
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 23 Sep 2009 Link to this post

    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.
  3. Mark
    Mark avatar
    7 posts
    Member since:
    Feb 2008

    Posted 23 Sep 2009 Link to this post

    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


  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 24 Sep 2009 Link to this post

    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.
  5. Mark
    Mark avatar
    7 posts
    Member since:
    Feb 2008

    Posted 24 Sep 2009 Link to this post

    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 &nbsp;&nbsp; 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



  6. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 26 Sep 2009 Link to this post

    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.
Back to Top