Hi,
We are wondering if it is possible to create a pop up message box using kendo UI for MVC that only shows up in the webpage if any value within a Kendo grid's column exceeds a certain number? Below is the code we have. col.Bound(c => c.Current).Title("Current") would be the column that contains Double and if any of the values under Current exceeds the number 3, we'd like to have a pop up box in the web.
Thanks!
@(Html.Kendo().TabStrip()
.Name("Tabs")
.Items(items =>
{
items.Add()
.Text("Table").Selected(true)
.Content(@<text>
<div>
@(Html.Kendo().Grid(Model.XXTable).Name("XXTable")
.Columns(col =>
{
col.Bound(c => c.Name).Title("XXX").Width(200).HeaderHtmlAttributes(new {style = "background:#d50032;font-weight:bold;color:white"});
col.Bound(c => c.Current).Title("Current").Width(100).HeaderHtmlAttributes(new { style = "background:#d50032;font-weight:bold;color:white" });
}))
</div>
Hello,
i want to display notification after delete an element from grid view and after that i should to redirect to another action (display list updated).
i used notification template of telerik ui by default that i developed in partial view because i want to use it in other pages.
my problem is how to display notification after click delete action and redirect to the list update and the notification still showing.
if you have an idea or another preposition to resolve this?
Thanks !
Hello,
I have implemented the upload success and error template from this demo http://demos.telerik.com/aspnet-mvc/notification/templates.
I am trying to display the error template if one of three fields in the pop up template are not valid otherwise the success one.
I think it is a problem about the k-invalid class being applied to a different DOM element but I am not sure.
This boolean var invalid = (startDateField.hasClass("k-invalid") || endDateField.hasClass("k-invalid") || entitlementField.hasClass("k-invalid")) is still false even one or more of the fields have the class k-invalid
I have put in attachments the files required.
Thanks you
In the example on http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/NotificationBuilder there is an event on Click but my MVC kendo doesn't recognise this event.
Is it a documentation error?
<%= Html.Kendo().Notification()
.Name(
"Notification"
)
.Events(events =>
events.Click(
"onClick"
))
%>
Hi,
My notification is
@foreach (SLEmailMessage x in Model.Notifications)
{
@:var subject = '@x.Subject';
@:var body = '@x.Body';
@: notification.show({ title: subject, message: body }, "upload-success");
}
});
In my controller
Where @x.Body = "Building = 101" + Environment.NewLine +
"Manager Name: " + "Ali Baba";
The Environment.NewLine is causing an error. How to add a "end on line" in the notification?
I tried to replace the "end on line" by the <br> tag within a paragraph and it dit not work
A quick answer will be greatly appreciated
Hi, I have been receiving the error "0x800a138f - JavaScript runtime error: Unable to get property 'show' of undefined or null reference". I've looked over my code and examined my javascript function, but I have been unable to find any errors. Why would the .show error out on me?
My Code looks as follows:
@(Html.Kendo().Notification()
.Name("#popupNotification")
.Width("100%")
.Position(p => p.Pinned(true).Top(30).Right(30))
.Stacking(NotificationStackingSettings.Down)
.AutoHideAfter(7000)
.Templates(t =>
{
t.Add().Type("info").ClientTemplateID("popupTemplate");
})
)
<button id="showNotification" class="k-button">Notification</button><br />
<script id="popupTemplate" type="text/x-kendo-template">
<div class="">
<h3>#= title #</h3>
<p>#= message #</p>
</div>
</script>
<script>
$(document).ready(function() {
var popupNotification = $("#popupNotification").data("kendoNotification");
$("#showNotification").click(function() {
popupNotification.show ({
title: "New Notification",
message: "Test"
}, "info");
});
});
</script>
Hi,
I am trying to use notification animation builder for ASP.NET MVC ?
Here is my couple of code what i have tried
@(Html.Kendo().Notification()
.Name("notification")
.HideOnClick(true)
)
Kindly guide me how can i achive it ?