Ticket Q504061
Visible to All Users

dxToast - How to show several widgets at a time

created 12 years ago

Hi,
Is it possible to stack the toast messages in order of call, so that multiple toast messages can be triggered that end up stacked in view in order of being called?
i've seen a similar library called Toastr 1.3.0 by John Papa that offers this feature and the results are very slick.
http://www.johnpapa.net/toastr-1-3-0-now-available/

Answers approved by DevExpress Support

created 12 years ago (modified 12 years ago)

Hi Mark,
Please declare the dxToast.message property as observable. In this case you can change this property at runtime and the dxToast widget will be shown with a corresponding message.
If this does not help, please describe your task in greater detail. We will do our best to assist you.
See Also:
Observables

    Show previous comments (2)

      IF you look at the image on the following link, you'll see there are 2 Toast mesages stacked vertically. The last message sent was 'Home View Activated' and because the second message sent was 'Hot Towel SPA Loaded' within the 4000ms timeout period, the second message pops up on top of the first message toast. When the first toast times out, the remaining toast drops into the bottom position until it times out.
      http://www.johnpapa.net/hottowel/

        To test, goto the following and hit the 'Try Toastr' button several times:
        http://www.johnpapa.net/toastr-1-3-0-now-available/

        DevExpress Support Team 12 years ago

          Mark,
          You can manipulate the dxToast position as well. Use the position option for this as described below:
          How to access a widget via JavaScript and get or set its option at runtime

          Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

          Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.