Is there a control that can be adapted to provide a non-modal message box, ideally without a compulsory title and which can be positioned in relation to the viewport? By way of example from a current application, I would like to be able to display a message eg 'Customer Successfully Updated', say after a successful Ajax post where the box would appear top-left of the viewport, fade in and fade out automatically after a given time, all without preventing user interaction with the underlying page.
As I read the documentation, Dialog is modal only - I don't want to prevent the user from interacting with the page while the message is displayed.
ToolTip seems to do most of this (I assume it is modeless) but seems to have no way of being launched programatically (ie without a user click, hover, etc.
NPNarayanasamy Panneer Selvam Syncfusion Team October 3, 2017 03:52 AM UTC
We have prepared sample with your requirement. Please refer the below workaround to achieve your requirement.
Query1: ideally without a compulsory title and which can be positioned in relation to the viewport?
Yes, you can set position in relation to the viewport, by using our “position” property.
Query2: fade in and fade out automatically after a given time, all without preventing user interaction with the underlying page.
Then you need to set “showOnInit” property as false to hide the dialog at initial load. You need to use some Jquery’s default methods to achieve your exact requirement by “setTimeout” to set dialog closing time after some interval. By default we have given “fade” animation effect for both open and close methods if want to customize more animation effects please use “fadeIn()” ,”fadeout()” in our “open” and “close” Events.