This is a migrated thread and some comments may be shown as answers.

Context Menu Position with Frame

10 Answers 224 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

10 Answers, 1 is accepted

answered on 09 May 2012, 02:41 PM

Hi Praveen,

One way of how to implement this is by using custom css classes. However, this approach requires that you have a fixed amount on RadMenuItems. If you have two menu items for instance you can use the selector below (in any other case you will need to either increase or decrease the margin):

<style type="text/css">

div.RadMenu ul.rmVertical,

div.RadMenu ul.rmHorizontal,

div.RadMenu ul.rmRootScrollGroup,

div.RadMenu_Context ul.rmHorizontal {

margin: -65px 0 0;

}

</style>

Kind regards,
Kate
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 15 Oct 2012, 01:44 AM

ContextMenuOpened.png

ContextMenuClosed.png

I have contextMenu of RadFilter inside iframe. The ContextMenu getting cropped on ScreenBoundaryDetection=true. Please take a look on screen short. The AutoScroll doesn't work inside iframe too.

answered on 08 Nov 2012, 03:04 PM

Here is the code that I mean.

Default.aspx:

<%@ Page Title="Startseite" Language="C#" MasterPageFile="~/Site.master" CodeBehind="Default.aspx.cs" Inherits="ContextMenuInIframe._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<iframe src="IframeContent.aspx">

</iframe>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadContextMenu ID="RadContextMenu1" EnableRootItemScroll="true" EnableScreenBoundaryDetection="true" EnableAutoScroll="true" runat="server">

<Targets>

<telerik:ContextMenuDocumentTarget />

</Targets>

</telerik:RadContextMenu>

</asp:Content>

Default.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace ContextMenuInIframe

{

public partial class _Default : System.Web.UI.Page

{

protected override void OnLoad(EventArgs e)

{

for (int i = 1; i < 100; i++)

{

this.RadContextMenu1.Items.Add(new Telerik.Web.UI.RadMenuItem("Item" + i));

}

base.OnLoad(e);

}

IframeContent.aspx:

<%@ Page Language="C#" CodeBehind="IframeContent.aspx.cs" Inherits="ContextMenuInIframe.IframeContent" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadContextMenu ID="RadContextMenu1" EnableRootItemScroll="true" EnableScreenBoundaryDetection="true" EnableAutoScroll="true" runat="server">

<Targets>

<telerik:ContextMenuDocumentTarget />

</Targets>

</telerik:RadContextMenu>

</form>

</body>

</html>

IframeContent.aspx.cs:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace ContextMenuInIframe

{

public partial class IframeContent : System.Web.UI.Page

{

protected override void OnLoad(EventArgs e)

{

for (int i = 1; i < 100; i++)

{

this.RadContextMenu1.Items.Add(new Telerik.Web.UI.RadMenuItem("Item" + i));

}

base.OnLoad(e);

}

answered on 13 Nov 2012, 03:36 PM

Hello Eugen,

I was able to replicate the issue that you described with the code provided. One possible solution that I can think of is to use the DefaultGroupSettings of the menu control. It will render scroll bars to the RadContextMenu that will allow you to view all of the items:

<telerik:RadContextMenu ID="RadContextMenu1" EnableRootItemScroll="true" EnableScreenBoundaryDetection="true" EnableAutoScroll="true" runat="server">

<DefaultGroupSettings Height="200px" />

<Targets>

<telerik:ContextMenuDocumentTarget />

</Targets>

</telerik:RadContextMenu>

Regards,
Kate
the Telerik team