Last updated December 13, 2008 22:40, by Jason Lee
== <sc:contextMenu> - A YUI Context Menu Wrapper ==
Renders a JavaScript context menu associate with the component's parent. For example:
<textarea name="code" class="xml">
<h:outputText id="text" value="This should have a context menu!"><nowiki>
<sc:contextMenu width="225px">
<sc:subMenu url="#" value="JSF Sites">
<sc:menuItem value="JSF RI Homepage" url="https://javaserverfaces.dev.java.net" />
<sc:menuItem value="Glassfish" url="https://glassfish.dev.java.net" />
<sc:subMenu url="#" value="Sub Projects">
<sc:menuItem value="JSFTemplating" url="https://jsftemplating.dev.java.net" />
<sc:menuItem value="Facelets" url="https://facelets.dev.java.net" />
</sc:subMenu>
<sc:subMenu url="#" value="JSF Components">
<sc:menuItem>
<h:outputLink styleClass="yuimenuitemlabel" value="http://yahoo.com">h:outputLink</h:outputLink>
</sc:menuItem>
</sc:subMenu>
</sc:subMenu>
<sc:subMenu value="Developer Blogs">
<sc:menuItem value="Ed Burns" url="http://weblogs.java.net/blog/edburns/" />
<sc:menuItem value="Roger Kitain" url="http://weblogs.java.net/blog/rogerk/" />
<sc:menuItem value="Ryan Lubke" url="http://blogs.sun.com/rlubke/" />
<sc:menuItem value="Ken Paulsen" url="http://blogs.sun.com/paulsen/" />
<sc:menuItem value="Jacob Hookom #1" url="http://weblogs.java.net/blog/jhook/" />
<sc:menuItem value="Jacob Hookom #2" url="http://hookom.blogspot.com" />
<sc:menuItem value="Jason Lee's blog" url="http://blogs.steeplesoft.com/javaserver-faces" />
<sc:menuItem value="Jason Lee - Should be hidden"
url="http://blogs.steeplesoft.com/javaserver-faces"
rendered="false" />
</sc:subMenu>
</sc:contextMenu>
</h:outputText>
</nowiki></textarea>
When the user right clicks on the text, the context menu define in via the <code><sc:contextMenu/></code> will be displayed:
[[image: contextMenu.png]]
If you find the default styling unappealing, the colors, borders, etc are all configurable via CSS. Documentation on how to do that is on the YUI [http://developer.yahoo.com/yui/menu/#cssref site].





