I have a PartialView that contains two linked Kendo ListBoxes and some other Textboxes and some hidden fields. I want to render the form inside of the Kendo Dialog. I can find examples of inserting these types of controls here: http://demos.telerik.com/aspnet-mvc/dialog/treeview-integration
But I am trying to using this partial form a bound MVC form to update the object model.
How do I render a PartialView in a dialog?
I need to display a confirmation dialog on the screen using kendo.confirm. Everything work as expected until I resized the browser to see if the message displays correctly on the mobile. However the confirmation dialog text did not wrap on the screen. I tried to reproduce this in a dojo but can not. After further investigation I found that my site is missing the "display: block" or "display: inline-block" from the window wrapper.
Could you tell me who adds this so I can try to debug and see why the "display" property is not added.
I'm trying to replace my javascript alert calls with calls to a custom kendo dialog. The difference is that when a javascript alert is called, all javascript execution is suspended until the user clicks ok. With kendo dialogs, execution continues even if the dialog is set to modal. Is there a way to "wait" for the user to click ok before resuming execution of the rest of the javascript? Having the call to the kendo dialog as the last line in the function isn't always an option. Here is the dialog code:
@(Html.Kendo().Dialog()
.Name(
"alertDialog"
)
.Title(
"FastWeigh 10"
)
.HtmlAttributes(
new
{ @class =
"kAlert"
})
.Width(400)
.Modal(
true
)
.Closable(
true
)
.Visible(
false
)
.Actions(actions =>
{
actions.Add().Text(
"OK"
).Primary(
true
);
})
)
And the dialog call itself:
function
kAlert(message) {
var
kDialog = $(
"#alertDialog"
).data(
"kendoDialog"
);
kDialog.content(
"<div class='fwAlert'><span class='fa fa-info-circle'/><p class='alertText'>"
+ message +
"</p></div>"
);
return
kDialog.open().result;
}
I have a page with a pair of dialog controls on it. They "pop-up" into the center of the screen and work as they should, aside from the fact they are also constantly visible at the bottom of the page, overlapping each other.
Here's the definitions:
@(Html.Kendo().Dialog()
.Name("confirmVoid")
.Title("Void Ticket")
.Content("Are you sure you want to void this ticket?")
.Width(300)
.Modal(true)
.Visible(false)
.Actions(action =>
{
action.Add().Text("Yes").Action("onYesVoid");
action.Add().Text("No");
})
)
@(Html.Kendo().Dialog()
.Name("voidSuccess")
.Title("Void Ticket")
.Content("The ticket was voided successfully")
.Width(300)
.Modal(true)
.Visible(false)
.Actions(action =>
{
action.Add().Text("OK");
})
)
Hi,
I'm working for first time with telerik and there are things I can't achieve.
I'm working in a site with a lateral menu. When I click in an option I load data in the main screen. In this screen sometimes i have dialogs (I'm loading them correctly and they are doing what they does). When I've opened one of this dialogs I can click on the lateral menu. I would like know how to prevent the background clicks.
Thanks in advance.
Best regards.
Hi,
I used Kendo dialog, everything work fine, except the position. it seems that it doesn't impact. I changed the values in Percentages or in pixels but this is not working and it always appears in the same place.
What is the problem?
this is my code:
myWindowConfirmTransaction = $("#ConfirmTransactionWindow");
myWindowConfirmTransaction.kendoDialog({
width: "40%",
height: "65%",
title: "",
closable: true,
modal: true,
visible: false,
content: formHtmlData,
actions: [
{ text: 'Edit', action: onCancel },
{ text: 'Continue', primary: true, action: onContinue }
],
position: {
top: 10,
left: "25%"
},
animation: {
open: {
effects: "slideIn:down fadeIn",
duration: 1000
},
onCancel: {
effects: "slide:down fadeOut"
}
}
});
}
myWindowConfirmTransaction.data("kendoDialog").open().center();
thanks!
We have a dialog where a user needs to select an item from a drop down list. The dialog has an OK and Cancel button. We want to validate the selection when the user clicks OK but not when they click cancel. Is there a way I can do this with actions or is the only alternative to add buttons as content and handle the close on our own?
Thanks,
~Justin
Is it possible to make the dialog moveable? Since I have it set up as Model it covers the existing page which the end users may want to look at.
Thanks