Notification System

Quasar Smartphone only has one notification system unlike its PRO version which has two types. This notification is an expansion of the dynamic island, which will provide useful information that you can send from external assets.

In this documentation guide we will teach you how to use pop-up notifications or lockscreen notifications for your Smartphone. Please note that the notification on this Smartphone version is limited and will not display huge texts.

The notification text is cut off

This is normal, it is one of the limitations of the current Smartphone version, you can upgrade to the PRO version to enjoy more features and general improvements.

Will these notifications work with the PRO version?

Yes, the PRO version automatically detects all the notifications of this version except the lockscreen ones, which in the case of the PRO version are automatic.


Pop-up notifications integration

Remember that the image you place here must be an image that exists within smartphone/html/img/* and you must give it the location of it.

We have multiple ways to execute these notifications, from the client or from the server, for this we will leave some simple snippets that you can integrate wherever you want.

In both we can customize the title, description, image and even its screen time.

Client-side integration
TriggerEvent('qs-smartphone:client:notify', {
    title = 'Title',
    text = 'Description',
    icon = './img/apps/whatsapp.png',
    timeout = 1500
})
Server-side integration
TriggerClientEvent('qs-smartphone:client:notify', source, {
    title = 'Title',
    text = 'Description',
    icon = './img/apps/whatsapp.png',
    timeout = 1500
})

Lockscreen notification integration

This integration is exclusive for client-side, do not try to use it on server-side.

This simple integration will give you a notify on the lockscreen, it is recommended to accompany the notification you see above to create a general complete notification event.

TriggerServerEvent('qs-smartphone:server:AddNotifies', {
    head = 'Title',
    msg = 'Description',
    app = './img/apps/whatsapp.png',
})

Last updated

Was this helpful?