Flex Blog

Search:
  • Home
  • Examples
    • Thumb

      Flex Examples

      Check out our Flex Examples!

    • Thumb

      Flash Builder Examples

      Check out our Flash Builder Examples!

    • Thumb

      AIR Examples

      Check out our AIR Examples!

    • Thumb

      Flex Mobile Examples

      Check out our Flex Mobile Examples!

    Adobe® Flex, Adobe® Flash Builder and Adobe® AIR are registered trademarks of Adobe Systems.
  • Components
    • Thumb

      WP Flex Contact Form

      Check out our WP Flex Contact Form!

    • Thumb

      Flash CountDown Plugin

      Check out our Flash CountDown Plugin!

    This is an overview of all our Flash/Flex based Components.
  • Jobs
  • Flex Books
  • Forum
  • Contact Us
Subscribe to Flex BlogSubscribe
  • Examples
  • iOS
Browse > Home / Examples / Right mouse click menu example

Right mouse click menu example

12 February 2010

Line Break

Author: Roelof (13 Articles) - Author Website

Roelof is a SAP Consultant specialized in Front-End development. In his spare free time he is either developing on the web, playing basketball, watching soccer or traveling. He is also the co-owner of Flex-Blog.com.


Ever wondered how to add your own right click menu item in the Context Menu of your Flex Application.

In this example I will show you step by step how to achieve this, with ofcourse a small demo application to show the result.

Step 1: Import the FlexGlobals in your Script section

1
2
// Context Menu Import
import mx.core.FlexGlobals;

Step 2: Add some Bindable variables.

1
2
3
// Context Menu Variables
[Bindable] private var cm:ContextMenu;
[Bindable] private var myContextMenuItem:ContextMenuItem;

Step 3: Create a function (which you should call on initialize) to add the Context Menu Item.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
private function addItemToContextMenu():void
{
    // Create new instance of contextMenuItem (put your own text in it :-))
    myContextMenuItem = new ContextMenuItem("Let's visit Flex-Blog.com!", false, true, true);
    // Add event listener (handles the click on the item)
    myContextMenuItem.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, myContextMenuItem_menuItemSelect);
               
    // Get the Context Menu            
    cm = FlexGlobals.topLevelApplication.contextMenu;
    // Hide default context menu items             
    cm.hideBuiltInItems();
    // Add item            
    cm.customItems.push(myContextMenuItem);
}

Step 4: Create the Event Handler for the click on your menu item. In this example we will open the url http://www.flex-blog.com.
[cc lang="actionscript"]
// The Event Handler       
private function myContextMenuItem_menuItemSelect(evt:ContextMenuEvent):void {
    // Navigate to Flex-Blog.com when the item is clicked
    navigateToURL(new URLRequest("http://www.flex-blog.com"));
}

Thats it! You have now created your own Context Menu Item to your Context.

And ofcourse the demo (View Source is enabled).

For more examples how to use this check out our WordPress Contact Form Plugin and our WordPress Flash CountDown Plugin.

Related posts:

  1. Control HSlider or VSlider with the Mouse Wheel

Written by Roelof · Filed Under Examples 

Was this post useful to you?

Please rate this post, follow us @ twitter, or link to this page from your website!

1 Star2 Stars3 Stars4 Stars5 Stars (11 votes, average: 3.09 out of 5)
Loading ... Loading ...

a35d7e3f9b855a98265185e51e3744d9delicious

Comments

2 Responses to “Right mouse click menu example”

  1. Rohtih on October 5th, 2011 12:50 pm

    Hi,

    Thanks for example.

    Can you remove other context menu items like settings,About Adobe flash player,Show redraw region etc., which are default items.

    Thanks,
    Rohith

  2. Roelof on October 10th, 2011 10:21 am

    Hi Rohtih,

    As far as I know this is not possible..

    Thanks for your comment.

    Regards,
    Roelof

Get Adobe Flash player

  • +1?

  • Support Flex Blog!

  • $ 13 raised
    • 2012/01/13 8:22 PM Russell Brown donated $ 3.00
    • 2011/10/31 4:43 PM Steve Dakin donated $ 5.00
    • 2011/05/11 3:37 PM Roelof Albers donated $ 5.00
  • Stay in touch!

  • Popular Tags

    • AdvancedDataGrid
    • AIR
    • ArrayCollection
    • baseColor
    • Button
    • CursorManager
    • DataGrid
    • Dynamic
    • Effects
    • File
    • FileStream
    • Flash Builder
    • Flash Builder 4
    • Flex 4
    • Flex Mobile
    • Framework
    • Icon
    • Image
    • itemRenderer
    • LinkBar
    • Mobile
    • PHP
    • ProgressBar
    • Repeater
    • Style
    • SWIZ
    • Timer
    • Tree
    • Twitter
    • ViewStack
  • Advertisements

  • Recent Posts

    • Spooky Frenzy – iPad Game
    • Fountain Example
    • Reading & Writing files in Adobe AIR
    • CheckBox in List using MobileIconItemRenderer for Flex Mobile
    • Data Dependent decoratorClass in MobileIconItemRenderer Example
    • Flex 4 Resize Effect Example
    • Jump to next field using the Focus Manager
    • Searching Data using a Class Example
    • Flex Mobile: Two finger tap gesture to toggle actionBar visibility in a View (AIR for Android)
    • TabbedMobileApplication Example in Flex Mobile (AIR for Android)
  • Categories

    • Examples
    • Guest Poster
    • iOS
  • Archives

    • September 2011
    • July 2011
    • May 2011
    • March 2011
    • February 2011
    • November 2010
    • October 2010
    • September 2010
    • August 2010
    • June 2010
    • May 2010
    • April 2010
    • March 2010
    • February 2010
    • January 2010
    • December 2009
    • November 2009
    • October 2009
    • March 2009
    • February 2009
  • Blogroll

    • Adobe Flex Jobs
    • NL for Business
  • Meta

    • Register
    • Log in
    • WordPress
    • XHTML

Copyright © 2010 Flex Blog · AdobeĀ® and AdobeĀ® Flex are registered trademarks of Adobe Systems.

WordPress Adobe Flex Adobe Flash Builder Adobe AIR Creative Commons License

  • Popular Posts

    • Progressbar in Datagrid Example 13 votes, average: 5.00 out of 513 votes, average: 5.00 out of 513 votes, average: 5.00 out of 513 votes, average: 5.00 out of 513 votes, average: 5.00 out of 5 (5.00 out of 5)
    • Data Dependant Tree Icon with Tree in AdvancedDataGrid with iconFunction 8 votes, average: 5.00 out of 58 votes, average: 5.00 out of 58 votes, average: 5.00 out of 58 votes, average: 5.00 out of 58 votes, average: 5.00 out of 5 (5.00 out of 5)
    • List Directory with AIR in Flex 4 7 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 5 (5.00 out of 5)
    • Flex FlashVars in AS3 Example 7 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 57 votes, average: 5.00 out of 5 (5.00 out of 5)
    • Flex Dynamic Chart Example 4 votes, average: 5.00 out of 54 votes, average: 5.00 out of 54 votes, average: 5.00 out of 54 votes, average: 5.00 out of 54 votes, average: 5.00 out of 5 (5.00 out of 5)