Context Properties

Context Menu XML

Controls the text and design of each item used in the Context Menu. This is literally what is displayed and is not dynamic. The text used will be shown to the user when the user right mouse clicks on an item.

Text

The text to display in the context menu.

Value

The value used for the context menu item.

Width

The width of each context menu, measured in points.

BackColor

The HEX background color of each context menu item.

ForeColor

The HEX font color of each context menu item.

BorderColor

The HEX border color of each context menu item.

BorderStyle

The border style used for each context menu item.

BorderWidth

The border width of each context menu item, measured in points.

ForeColor

The HEX font color of each context menu item.

ClickedCssClass

The CSS class style used when a context menu item is clicked on.

ClickedImageUrl

The Image URL used to indicate that an item has been clicked.

DisabledCssClass

The CSS class style used when an item is disabled.

DisabledImageUrl

The Image URL used when an item is disabled.

ExpandedCssClass
The CSS class style to used when an item is expanded.

ExpandedImageUrl

The URL to the image used when an item is expanded.

FocusedCssClass

The CSS class style to use when the item is clicked on.

Height

The height of the context menu item, measured in points.

HoveredImageUrl

The URL of the image to use when an context menu item is hovered over.

ImageUrl

The URL of the image to use in the context menu.

NavigateUrl

The URL to navigate to when an item is clicked.

Target

The target window, frame, or browser that will be used when an item is clicked.

Tooltip

The text to display when the user hovers over an item.

 

Example:

<c>

<cs>

<Text>I am Context Menu Item</Text>

</cs>

</c>

Context Menu Setup XML

Controls the design of the context menu.

AccessKey

Gets or sets the access key that allows the user to quickly navigate to the menu.

CollapseAnimationDuration

The time it will take for a menu to collapse during mouse out, measured in milliseconds.

AutoScrollMinimumHeight

The minimum height to enable AutoScroll, measured in points.

AutoScrollMinimumWidth

The minimum width to enable AutoScroll, measured in points.

BackColor

The HEX background color of each node.

BorderColor

The HEX border color of each node.

BorderStyle

The border style used for each node.

BorderWidth

The border width of each node, measured in points.

FontBold

A true/false indication that the text should be bolded.

FontItalic

A true/false indication that the text should be italicized.

FontName

The name of the server font to be used for each node.

FontOverline

A true/false indication that a line should be displayed over the text.

FontSize

The size of the displayed text, measured in points.

FontStrikeout

A true/false indication that the text should be struck.

FontUnderline

A true/false indication that the text should be underlined.

ClickToOpen

A true/false indication if a context menu should open via click or hover.

CollapseDelay

The time an item will collapse when the mouse is removed from the item, measured in milliseconds.

EnableAutoScroll

A true/false indication if the context menu should enable Auto Scroll if the menu exceeds the browser boundaries.

EnableOverlay

A true/false indication if the context menu should over other objects on the page, such as flash.

ExpandDelay

The delay the item should be expanded after hover, measured in milliseconds.

Flow

The vertical or horizontal direction the context menu should flow.

ForeColor

The HEX font color of each node.

Height

The height of each context menu item, measured in points.

Skin

    Black

    Default

    Forest

    Hay

    Office2007

    Outlook

    Simple

    Sunset

    Telerik

    Vista

    Web20

    WebBlue

ToolTip

The text displayed when the item is hovered over.

Visible

A true/false indication that the item should be visible

ForeColor

The HEX font color of each node.

Selected

A true/false indication that the item is pre-selected.

SelectedCssClass

The CSS class style name to use when an item is selected.

SelectedImageUrl

The URL of the image to use when an item shown as selected.

TabIndex

The tab index order of the context menu item.

Target

The target window, frame, or browser that will be used when an item is clicked.

Visible

A true/false indication if the item should be displayed.

Width

The width of each context menu item, measured in points.

Example:

<c>

<cs>

<Text>I am Context Menu Item</Text>

</cs>

</c>

 

Context Menu Client Script

This contains any context menu JavaScript related to the following events:

    OnClientContextMenuItemClicked – Occurs when the user clicks a context menu item for a node.

    OnClientContextMenuItemClicking – Occurs when the user clicks a context menu item for a node before the OnClientContextMenuItemClicked event.

    OnClientContextMenuShowing – Occurs just before the context menu is displayed.

    OnClientContextMenuShown – Occurs when the context menu is displayed.

Example:

function clientContextMenuItemClicking(sender, eventArgs)   {      

var node = eventArgs.get_node();      

var item = eventArgs.get_menuItem();     

 alert(item.get_text()); 

 }