Telerik Forums
UI for ASP.NET MVC Forum
1 answer
139 views
Using the 2023.1.425 build of the UI for ASP.NET MVC suite the Notification component is no longer centering as it used to.  Even the demo page for the component on which our code is patterned to do the centering is not working - the notification still shows in the lower right corner when clicking the "Show Centered Notification" button.  Is this a bug that can be fixed or does the example code need to be updated?
Michael
Top achievements
Rank 2
Iron
Iron
Iron
 updated answer on 01 Jun 2023
1 answer
439 views

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>

         
Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 01 Sep 2021
2 answers
353 views
I'm using a custom client template on a Kendo UI Notification control. How can I add a button in the notification and respond to it in a javascript function?
Phil
Top achievements
Rank 1
 answered on 03 Mar 2021
1 answer
511 views

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 !

Aleksandar
Telerik team
 answered on 16 Oct 2020
2 answers
178 views

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

 

Sean
Top achievements
Rank 1
 answered on 19 May 2017
1 answer
168 views

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"))
%>
Rumen
Telerik team
 answered on 23 Jan 2017
1 answer
285 views

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

 

 

 

 

 

Slav
Telerik team
 answered on 07 Dec 2016
2 answers
200 views
I am attempting to add an "OK" button to the client template of each Notification that will close the focused notification when the user clicks it.  I have reviewed the documentation and I can find how to close ALL notifications but not one's individually via a button within the client template.  Any would greatly appreciate any assistance on how to perform this action.  Thank you!
Dimitar
Telerik team
 answered on 06 May 2016
1 answer
267 views

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>

Misho
Telerik team
 answered on 04 Feb 2016
1 answer
291 views

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)  
    )
I need to use animation for this ...

 

Kindly guide me how can i achive it ? 

 

Venelin
Telerik team
 answered on 15 Dec 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
DateTimePicker
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?