Questions on Kendo UI for jQuery Forum

1 answer

25 views

Coded UI is considering name or Id property of Notfication control

Hi Everyone,

I am checking test-ability of Kendo UI application with CUIT (Coded UI of Microsoft). Even we provided Id and Name properties to Notification Kendo UI control but in CUIT name and Id properties are empty. Please see attached image

====== Source code ====================
<%= Html.Kendo().Notification()
.HtmlAttributes(new { @id = "staticNotification" })
.Name("staticNotification")
.AppendTo("#appendto")

%>
========================

Regards,
Rajendar.

Notification

answered on 13 Nov 2014

2 answers

65 views

Notification Widget Template MVVM Binding fails

Hi ,

I have a List View which I would like to show on the notification widget using a template.

The notification widget template does not seem to support MVVM binding.

Have attached a sample code showing
List View being displayed bound to a template using MVVM
Notification widget being shown binding a simple text
Notification widget being shown using the List Template ( This Fails)

Please see attached file for code

Regards

Balachander

Notification

answered on 04 Nov 2014

3 answers

59 views

Remove notification widget also eliminates the wrapper when used appendTo

When I'm using appendTo if i try to remove the widget instance to show just one notification at the same time the wrapper element is also removed.

example ('Static in the right panel', then 'Hide all notifications'): http://dojo.telerik.com/alOyo

Notification

answered on 07 Oct 2014

11 answers

1.0K+ views

Show just one notification at once

Hi,
I want to show just one notification at once, if two notifications have to be showed, I hide the first one. To achieve it I hide the first one with the method hide() and it works, but then I was debugging my work and I saw the next problem:

When a new notification is showed, kendo creates the next div element as the last child of body:

<div class="k-animation-container _4215aa70-5cf9-4c47-97b9-fcdda2a56216" style="width:415px; height: 31px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; overflow: visible; display: block; position: fixed; top: 321px; z-index: 10002; left: 475px;">
<div class="k-widget k-notification k-notification-error k-popup k-group k-reset k-state-border-up" data-role="alert" style="display:none; font-size: 10.6667px; fontfamily: tahoma; font-stretch: normal; font-style: normal; font-weight: 400; line-height: 14px; position: absolute; opacity: 1;">
<div class="k-notification-wrap">
<span class="k-icon k-i-note">error</span>
Notification text
<span class="k-icon k-i-close">Hide</span></div></div></div>

also add a class () to the body. When the notification fades out, both the div and the class dissapear. When a new notification is showed when the previous one is still on screen, the first one dissapear and the second one shows up as I want, but the first div element don't dissapear and last still when the last one dissapear.

I want to remove properly all the divs for animations when the last notification fades out.

Thanks.

Notification

answered on 01 Oct 2014

1 answer

92 views

Angular, ControllerAs not working

I have an angular template with the following notification:

<div kendo-notification="saveNotification">

</div>

In the controller when the save button is clicked I have:

$scope.saveNotification.show("Hello", "World");

which works. However, when I try and access the control via the ControllerAs syntax:

var vm = this;

vm.saveNotification.show();

I get the error "Cannot read property "show" of undefined".

Can you tell me what I am doing wrong?

Notification

answered on 09 Sep 2014

1 answer

111 views

Template with Kendo Button issues

Hi, when adding a Kendo button to a notification template, the generated <script> tags are overlapping and causing the notification window to fail. Am I missing something or is this a bug? I'm about to give up and try the Kendo window control.

HTML

<script id="reportTemplate" type="text/x-kendo-template">

<div style="height:100px; width:300px;border:thin solid black;">

<h3><img src="/Content/Images/SuccessfulSaveTickMark.png" alt="" />#= title #</h3>

<p>

@Html.LabelFor(m => m.NotificationText)

</p>

<p>

@(Html.Kendo().Button()

.Name("viewNowButton")

.HtmlAttributes(new { type = "button", onclick = "javascript:validateSession()" })

.Content("View Now")

)

@(Html.Kendo().Button()

.Name("viewLaterButton")

.HtmlAttributes(new { type = "button", onclick = "javascript:validateSession()" })

.Content("View Later")

)

@(Html.Kendo().Button()

.Name("downloadButton")

.HtmlAttributes(new { type = "button", onclick = "javascript:validateSession()" })

.Content("Download")

)

</p>

<p>

@(Html.Kendo().Button()

.Name("redirectToReportPickupButton")

.HtmlAttributes(new { type = "button", onclick = "javascript:validateSession()" })

.Content("Go to Report Pick Up Page")

)

</p>

</div>

</script>

Output

<script id="reportTemplate" type="text/x-kendo-template">

<div style="height:100px; width:300px;border:thin solid black;">

<h3><img src="/Content/Images/SuccessfulSaveTickMark.png" alt="" />#= title #</h3>

<p>

<label for="NotificationText">NotificationText</label>

</p>

<p>

<button id="viewNowButton" onclick="javascript:validateSession()" type="button">View Now</button><script>

jQuery(function(){jQuery("#viewNowButton").kendoButton({});});

</script>

<button id="viewLaterButton" onclick="javascript:validateSession()" type="button">View Later</button><script>

jQuery(function(){jQuery("#viewLaterButton").kendoButton({});});

</script>

<button id="downloadButton" onclick="javascript:validateSession()" type="button">Download</button><script>

jQuery(function(){jQuery("#downloadButton").kendoButton({});});

</script>

</p>

<p>

<button id="redirectToReportPickupButton" onclick="javascript:validateSession()" type="button">Go to Report Pick Up Page</button><script>

jQuery(function(){jQuery("#redirectToReportPickupButton").kendoButton({});});

</script>

</p>

</div>

</script>

Notification

answered on 21 Aug 2014

3 answers

102 views

Stacking position

Hello,

Would it be possible to change the stacking of Notifications, so that the next Nofication basicly moves the old Notification to the stacking direction ?
If would like the stacking to work like Toastr demo .

Thanks in advance.

Notification

answered on 15 Aug 2014

2 answers

225 views

Centred notifications are hidden by Kendo Windows

If you have a Kendo Window open when a notification is displayed, the notification is hidden behind the window until the window is closed. See this JSBin example: http://jsbin.com/mukojagu/1/edit.

I've tried playing with z-index, but it makes no difference. Does anybody know of a way around this?

Notification

answered on 19 Jun 2014

3 answers

256 views

Notification() not defined

I am trying to use the Notification control. However, when attempting to use it, the following compiler error is thrown:

CS1061: 'Kendo.Mvc.UI.Fluent.WidgetFactory<dynamic>' does not contain a definition for 'Notification' and no extension method 'Notification' accepting a first argument of type 'Kendo.Mvc.UI.Fluent.WidgetFactory<dynamic>' could be found (are you missing a using directive or an assembly reference?)

I believe I am using all the correct Kendo libraries.

My declaration is as follows:

@(Html.Kendo().Notification().Name("popupNotification"))

I am using the following scripts and css files:

<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" /><br><link href="@Url.Content("~/Content/kendo/2014.1.416/kendo.common.min.css")" rel="stylesheet" type="text/css" /><br> <link href="@Url.Content("~/Content/kendo/2014.1.416/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" /><br> <link href="@Url.Content("~/Content/kendo/2014.1.416/kendo.default.min.css")" rel="stylesheet" type="text/css" /><br> <link href="@Url.Content("~/Content/kendo/2014.1.416/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" /><br><script src="@Url.Content("~/Scripts/kendo/2014.1.416/jquery.min.js")"></script><br><script src="@Url.Content("~/Scripts/kendo/2014.1.416/kendo.all.min.js")"></script><br><script src="@Url.Content("~/Scripts/kendo/2014.1.416/kendo.aspnetmvc.min.js")"></script><br><script src="@Url.Content("~/scripts/kendo.modernizr.custom.js")"></script><br><script src="@Url.Content("~/Scripts/kendo.web.ext.js")"></script><br><link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

Any ideas? Thank you.

Notification

answered on 17 Jun 2014

3 answers

140 views

Stop hiding on hover

I need notification hiding to be stopped when hovering over a notification. Can you give me a suggestion to attach this feature to kendo notification .

Notification