Notifications - making small layout changes

[UKRiggers]

I was asked to make the Notifications a bit more pronounced or obvious, and with a bit more information. I found a very simple way and I thought I would share.

This is the end result

• Larger area
• Bigger ‘Check’ mark (tick)
• Identify the changed item in Bold Italics
• Add a reference for the Notification so it can be identified if changes are needed. Required because there are many Notifications on this page.

The Check mark is altered in the Styling by adding 'fa-3x'

The dynamic OnSuccess field allows HTML for the other styling.

dmx-on:success="notifies1.success('Updated <b><i>' + people_q_detail.data.people_q_detail_sa.user_nickname + '</i></b> Successfully <br><br><p style=\'font-size: 80%; font-style: italic; text-align: right;\'>(3)</p>')"

Hope this helps someone

[Hyperbytes]

Have you tried using 'Toasts"?
They are really impressive, like notifications on steroids. Title,subtitles and even a logo and just as easy to setup/ use

[UKRiggers]

No I haven’t

[Hyperbytes]

Using Bootstrap 4 Toasts

Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. You can use the Toasts component in order to show some information to your users, when a specific dynamic event runs. In this example we will show you how to apply the toasts on button click, but they can be used with any of the Dynamic Events available in App Connect - on server action success/error, when server action data loads etc. Including th…