Personalize Toaster Messages
  • 1 Minute to read
  • Contributors

    Personalize Toaster Messages


      Article Summary

      After reading this article you will know:

      • What is a toaster message
      • How to make UI changes to a toaster message

      It is a small message that shows up in a box at the bottom or at the top of the screen and disappears on its own after few seconds. It is a simple feedback about an operation in which current activity remains visible and interactive.

      In general, there are three types of toaster messages i.e., Success, Error, and Warning. In Quixy, we too have the same three different types of toaster messages. 

      Refer to the image below to see how a toaster message appears in Quixy.


      Sometimes looking at the same default toaster messages daily while using the Quixy application can be boring. So, we have given you the provision to change the UI of the toaster messages entirely and make it look as you want.

      How to make UI changes to a toaster message?

      On toaster page, You will find different options to change the UI of the toaster message according to your requirements. Refer to the image below to know the options.

       

      • The UI changes that you can make in a toaster message is the background color, the color of the text inside the toaster message, font size of the text.
        1. Success: You can use this option to make background color changes to the Success toaster message and change the color of the text inside the success toaster message.
        2. Error: You can use this option to make background color changes to the Error toaster message and change the color of the text inside the success toaster message.
        3. Warning: You can use this option to make background color changes to the Warning toaster message and change the color of the text inside the success toaster message.
      • You can also decide where the toaster message should display on the screen (i.e., Top Left, Top Right, Bottom Left, etc), you can use the Position option to do it.
      • You can use the Font Size option to increase/decrease the size of the text inside the toaster message.

       


      Was this article helpful?