Context Menu not rendering correctly

2 posts, 0 answers
  1. Steve
    Steve avatar
    24 posts
    Member since:
    Mar 2012

    Posted 19 Mar 2013 Link to this post

    Hello,

    I am using the RadMenu as as ContextMenu targeted to the HTMLChart.  When I right-click, the Context Menu renders will the Skin completely out of alignment with some parts even being transparent.  It doesn't seem to matter which Skin I define (if any); the same results occur.  I have also noticed similar behavior when using the RadComboBox.




    Here is the page code for the Menu:

    <telerik:RadContextMenu runat="server" ID="ctxtCompEntitySpan" Skin="Default"
        EnableRoundedCorners="true" EnableShadows="true" EnableAutoScroll="true" RenderMode="Classic">
        <Targets>
            <telerik:ContextMenuControlTarget ControlID="chtCompletion" />
        </Targets>
        <Items>
            <telerik:RadMenuItem>
                <ItemTemplate>
                    <telerik:RadButton ID="btnCompASC" runat="server" ToggleType="Radio" ButtonType="ToggleButton" GroupName="Radios" Skin="Default" Font-Size="10px">
                        <ToggleStates>
                            <telerik:RadButtonToggleState Text="Series 1" PrimaryIconCssClass="rbToggleRadioChecked" />
                            <telerik:RadButtonToggleState Text="Series 1" PrimaryIconCssClass="rbToggleRadio" />
                        </ToggleStates>
                    </telerik:RadButton>
                    <br />
                    <telerik:RadButton ID="btnCompLDR" runat="server" ToggleType="Radio" ButtonType="ToggleButton" GroupName="Radios" Skin="Default" Font-Size="10px">
                        <ToggleStates>
                            <telerik:RadButtonToggleState Text="Series 2" PrimaryIconCssClass="rbToggleRadioChecked" />
                            <telerik:RadButtonToggleState Text="Series 2" PrimaryIconCssClass="rbToggleRadio" />
                        </ToggleStates>
                    </telerik:RadButton>
                    <br />
                    <telerik:RadButton ID="btnCompBTH" runat="server" ToggleType="Radio" ButtonType="ToggleButton" GroupName="Radios" Skin="Default" Font-Size="10px">
                        <ToggleStates>
                            <telerik:RadButtonToggleState Text="Series 1 and 2" PrimaryIconCssClass="rbToggleRadioChecked" />
                            <telerik:RadButtonToggleState Text="Series 1 and 2" PrimaryIconCssClass="rbToggleRadio" />
                        </ToggleStates>
                    </telerik:RadButton>
                </ItemTemplate>
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadContextMenu>


    Thanks for the assistance.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 22 Mar 2013 Link to this post

    Hello Steve,

    I tested the code that you provided in IE, Chrome and FireFox but I was not able to replicate the issue that you describe. Attached to this post you can find an image demonstrating the look (and the testing page) of the context menu that I get from my side. Let me know if I am missing something in your scenario.

    Greetings,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top