Custom Animation

  1. Click on the Browser button and select the required animation file.
    Figure 1. Browse Custom Animation
  2. After selecting the required animation file, click on the Reload button.
    Figure 2. Custom Animation on Preview window
    Figure 3. Custom Animation on Preview window
  3. Click on the Switch to Default to get previous preview window.
    Figure 4. Switch to Default
  4. Select Font from drop down list.
    Figure 5. List of Fonts
    Figure 6. Poppins Font
  5. Select time stamp from the drop list.
    Figure 7. List of time stamp
    Figure 8. Bottom Right Position Time Stamp
  6. Select Icon Pack
    Figure 9. Icon Pack
  7. Click on the Browser and select the required icon pack.
    Figure 10. Browse Required Icon Pack
  8. After Uploading a file, it asks to reload the changes.
    Figure 11. Success Message
  9. Click on Reload, the changes will be reflected in the preview window.
    Figure 12. Changes Reflect in Preview Window
  10. Select Chat container Width by selecting custom from drop down.
    Figure 13. Container Width
  11. Prompt duration in seconds.
    Figure 14. Prompt duration
  12. On Disabling message bubble.
    Figure 15. Disable Message Bubble
  13. On Enabling Message Bubble.
    Figure 16. Enable Message Bubble
  14. Chat Container box shadow spread radius.
    Figure 17. Chat Container box shadow Spread Radius
  15. On Enabling Sidenav,
    Figure 18. Enabling Sidenav