Disable Context Menu in Silverlight 3 Application


Introduction

In this article we will see how can we disable the ContextMenu when you Right Click on Silverlight Page .

Crating Silverlight Project

Fire up Visual Studio 2008 and create a Silverlight Application. Name it as DisableContextMenuSL3.

image1.gif

Default Context Menu

In any Silverlight Application when you right click on it you see a context menu containing Item "Silverlight". Like following:

image2.gif

And when you click on it you find the Silverlight Configuration Dialog popping up.

image3.gif

Disabling Context Menu

What if we don't want the Context Menu and don't want to see the Configuration dialog. We will see how we can do that.

  1.  First of all open the "DisableContextMenuSL3TestPage.aspx" page and find the object tag where Silverlight Plug in is being hosted.

    <div id="silverlightControlHost">
            <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
                       <param name="source" value="ClientBin/DisableContextMenuSL3.xap"/>
                      <param name="onError" value="onSilverlightError" />
                        <param name="background" value="white" />
                        <param name="minRuntimeVersion" value="3.0.40624.0" />
                        <param name="autoUpgrade" value="true" />
                       <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">
                              <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
                        </a>
            </object>

    <iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
     

  2. Now add a param tag with name="Windowless" and value="true". By default its value is false.

    <
    param name="Windowless" value="true" />
     

  3. Now open "MainPage.xaml.cs". Add the Namespace "System.Windows.Browser"

    using
    System.Windows.Browser;
     

  4. Add a class inside the MainPage.cs name it as ContextMenuInterceptor.
     

  5. Add method OnContextMenu with arguments object and HtmlEventArgs.
     

  6. Add default constructor with the following code:

    HtmlPage.Document.AttachEvent("oncontextmenu", this.OnContextMenu);

    The full class definition looks like the following.

    public class ContextMenuInterceptor

            {

                public ContextMenuInterceptor()

                {
                    HtmlPage.Document.AttachEvent("oncontextmenu", this.OnContextMenu);
                }
     
                private void OnContextMenu(object sender, HtmlEventArgs e)
                {
                    e.PreventDefault();
                }
            }
     

  7. Now in MainPage class create an instance of the Class you just created.

    ContextMenuInterceptor
    context = new ContextMenuInterceptor();

That's it Run your application and try to right click on the page. You won't get the Context Menu for Silverlight.

Enjoy Coding.