OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Kendo ui jquery buttons are not visible inside kendoWindow

  • Thread starter Thread starter Adil
  • Start date Start date
A

Adil

Guest
I am creating a popup window when user clicks on a button. The kendoWindow should contains ok and button.

Code:
$("#dialog").kendoWindow({
    width: "300px",
    height : "300px",
    modal : true,
    title: "delete row?",
    actions:
            { 
                text: 'Delete', 
                primary: true, 
                action: function(e) {
                    // Delete action confirmed
                    if(rowdata){
                        $.ajax({
                            type: 'DELETE',
                            url : "${pageContext.request.contextPath}/mvc/abc/service/" + finalRowval.id + "/xyz",
                            dataType: 'text/html',
                            data: "",
                            async: true,
                            success: function(response) {
                                // Handle success response
                            },
                            error: function(xhr, status, error) {
                                // Handle error response
                            }
                        });
                    }
                }
            }
        
    }).data("kendoWindow").open().center();

The code above is working but inside kendoWindow the buttons are not visible. See the below screenshot.

enter image description here

<p>I am creating a popup window when user clicks on a button. The kendoWindow should contains ok and button.</p>
<pre><code>$("#dialog").kendoWindow({
width: "300px",
height : "300px",
modal : true,
title: "delete row?",
actions:
{
text: 'Delete',
primary: true,
action: function(e) {
// Delete action confirmed
if(rowdata){
$.ajax({
type: 'DELETE',
url : "${pageContext.request.contextPath}/mvc/abc/service/" + finalRowval.id + "/xyz",
dataType: 'text/html',
data: "",
async: true,
success: function(response) {
// Handle success response
},
error: function(xhr, status, error) {
// Handle error response
}
});
}
}
}

}).data("kendoWindow").open().center();
</code></pre>
<p>The code above is working but inside kendoWindow the buttons are not visible. See the below screenshot.</p>
<p><a href="https://i.sstatic.net/bZIHADTU.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/bZIHADTU.png" alt="enter image description here" /></a></p>
 
Top