<div class="btn-toolbar"> <button type="button1" class="btn btn-primary btn mr-3" >Add Recyclable</button> <button id="edit" type="button2" class="btn btn-secondary btn mr-3" disabled>Edit Recyclable</button> <button type="button3" class="btn btn-primary custom btn mr-3">Add Type</button> <button id="delete" type="button4" class="btn btn-danger custom" disabled>Delete</button>

 <div id="windowForAssign"></div> <script> $('button').click(createAndShowPopup); var kendoWindowAssign = $("#windowForAssign"); var title = "Test"; var url = "" function createAndShowPopup(){ kendoWindowAssign.kendoWindow({ width: "650px", modal: true, height: '500px', iframe: true, resizable: false, title: title, content: "test.html", visible: false, }); var popup = $("#windowForAssign").data('kendoWindow'); popup.open(); popup.center(); } </script>

sin embargo, como se menciona, el botón se clasifica como todos los botones, ¿cómo puedo indicar que cada botón aparece de manera diferente, como el título y el contenido? Ejemplo de ventana emergente con diferentes clics ejemplo de cómo se ve

si cambio a $("button2").haga clic en... no funcionaría porque quiero separarlos, ¿cómo puedo hacerlo?