This is a migrated thread and some comments may be shown as answers.

Button List dissapear if I use inside as Context Menu

1 Answer 70 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Nahid
Top achievements
Rank 1
Nahid asked on 05 Jan 2021, 10:46 AM

Hello, 

 

I had button list above grid something like this :

<ul style="list-style: none; -webkit-padding-start: 0px;">
    <li style="display: inline-block;">
        <a class="btn btn-default k-button" id="Started" onclick="Started();">Started</a>
    </li>
    <li style="display: inline-block;">
        <a class="btn btn-default k-button standardButton" id="Finished" onclick="Finish();">Finish</a>
    </li>
    <li style="display: inline-block;">
        <a class="btn btn-default k-button standardButton" id="Progress" onclick="Progress();">Progress</a>
    </li>
</ul>

 

I want to add these button in context - menu grid. While I add  abovle list inside ul id = "context-menu" , and the script below. context-menu is display in the grid but the button list disappear. I want to show both button lists above grid  and also in context-menu. How can I prevent to disappearing button list? thanks in advance.

<ul id="context-menu" style="list-style: none; -webkit-padding-start: 0px;">
    <li style="display: inline-block;">
        <a class="btn btn-default k-button" id="Started" onclick="Started();">Started</a>
    </li>
    <li style="display: inline-block;">
        <a class="btn btn-default k-button standardButton" id="Finished" onclick="Finish();">Finish</a>
    </li>
    <li style="display: inline-block;">
        <a class="btn btn-default k-button standardButton" id="Progress" onclick="Progress();">Progress</a>
    </li>
</ul>
 
<script>
    $(document).ready(function() {
        $("#context-menu").kendoContextMenu();
    });
</script>

 

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 07 Jan 2021, 07:41 AM

Hello Nahid,

I have tested locally but I did not manage to replicate the described issue. Here you will find a Dojo example based on the provided snippet. May I ask you to modify it in order to replicate the issue the way it is at your end and send it back? This way we could get a better idea of the problem and provide further assistance. In the Dojo example linked above the target and the filter options of the ContextMenu are used, thus the ContextMenu is displayed on a right click of a Grid row.

Looking forward to your reply.

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
General Discussions
Asked by
Nahid
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or