Determine size of ContextMenu before showing???

[Kevin]

I'm trying to manually position my context menu, but need some method of finding it's rendered size prior to it actually being shown.

Is this possible?

I have a handle to the object with:

var contextMenu = $find("<%= RadContextMenu1.ClientID %>");

is there some property or method to get its height/width?

[Yana]

Hi Kevin,

I'm afraid that you cannot get the size of the menu before it's shown - its width and height are 0.  You can use OnClientShown event and recalculate its position.

Kind regards,
Yana
the Telerik team

[Kevin]

OK, cool... I can work with that... but how do I get the dimensions of the popup in this OnClientShown method?

[Yana]

Hello Kevin,

You can use the following approach:

<telerik:RadContextMenu ID="RadContextMenu1" runat="server" OnClientShown="clientShown" >
    <Targets>
        <telerik:ContextMenuDocumentTarget />
    </Targets>
    <Items>
        <telerik:RadMenuItem Text="item 1" />
        <telerik:RadMenuItem Text="item 2" />
        <telerik:RadMenuItem Text="item 3" />
    </Items>
</telerik:RadContextMenu>

and the javascript function:

<script type="text/javascript">
    function clientShown(sender, args) {
        var menuElement = sender.get_childListElement().parentNode;
        var width = menuElement.clientWidth;
        var height = menuElement.clientHeight;
    }
</script>

All the best,
Yana
the Telerik team