[FREE][STANDALONE] bulletin - Customisable Notifications

FiveM Resource Development & Modding Releases
,
21

Hey what HUD are you using? :face_with_raised_eyebrow:

22

I will definitely use them on my server! They are beautiful!! good work

1 Like
23

Itā€™s one I wrote for my server.

24

Any chance of releasing? Itā€™s beautiful :smiley:

25

v1.1.5 Released

  • Added option to pass a table of options to Send() and SendAdvanced() methods (see below)
  • Added flash param to make the notifictation blink
  • Added support for animate.css for exit animations
  • Fixed exitAnim not working on advanced notifications

Download

You can now pass a table to the Send() and SendAdvanced() methods instead of seperate params:

Standard

-- client
exports.bulletin:Send({
    message  = 'This is a notification',
    timeout  = 5000,
    position = 'bottomleft',
    progress = true
})

--server
TriggerClientEvent('bulletin:send', source, {
    message  = 'This is a notification',
    timeout  = 5000,
    position = 'bottomleft',
    progress = true
})

Advanced

--client
exports.bulletin:SendAdvanced({
    message  = 'This is a notification',
    title    = 'This is a title',
    subject  = 'This is a subtitle',
    icon     = 'CHAR_BANK_MAZE',
    timeout  = 10000
})

-- server
TriggerClientEvent('bulletin:sendAdvanced', source, {
    message  = 'This is a notification',
    title    = 'This is a title',
    subject  = 'This is a subtitle',
    icon     = 'CHAR_BANK_MAZE',
    timeout  = 10000
})

New flash option:

blink

26

Hello, thank you very much for the update. We have a problem. If the players are not in the car and do not have a mini map (Serious RP) then the notify must be at the bottom left but if they in the car with minimap, it should appear above the minimap. Is there anyway to make this possible ?

27

No, but Iā€™ll add the option to the next update to pass custom positioning that overrides the config file.

EDIT

There is a way to do it, but youā€™d need to change the position param and add some css overrides in custom.css. Just replace CUSTOM-BOTTOM-POSITION with your desired string:

.bulletin-notification-container.notification-container-CUSTOM-BOTTOM-POSITION {
    left: 20px;
    bottom: 60px;
}

In vehicle

exports.bulletin:Send({
    message = 'My Message',
    position = 'bottomleft'
})

Out of vehicle

exports.bulletin:Send({
    message = 'My Message',
    position = 'CUSTOM-BOTTOM-POSITION'
})

NOTE

Bulletin checks for top or bottom in the position string so your custom string must contain top or bottom if you want the notifications to arrange correctly.

1 Like
28

Nice HUD aswell, is there a chance of you releasing it in the future?

29

Quite a few people have asked me to release it so Iā€™ll tidy the code up and stick it on GitHub in the next few days.

2 Likes
30

Thanks mate

31

v1.1.6 Released

  • Added support for pinning notifications with SendPinned() and Unpin() methods (See docs)
  • Added events for pinning from server side
  • Code cleanup

Download

Using Pinned Notifications

local pinID = exports.bulletin:SendPinned({
    type = 'advanced' -- or 'standard'
    message = 'This is pinned!',
    title = 'Title',
    subject = 'Subject',
    icon = 'CHAR_MAZE_BANK',
    position = 'bottomright'
})

-- unpin
exports.bulletin:Unpin(pinID)

-- unpin multiple
exports.bulletin:Unpin({pinID1, pinID2, pinID3, ...})

-- unpin all
exports.bulletin:Unpin()

pinned

2 Likes
32

[HELP] please help me how to remove standard notifications ? which are such as es_extended and at work, I just tried something that doesnā€™t work and donā€™t quite understand how

Š”Š½ŠøŠ¼Š¾Šŗ эŠŗрŠ°Š½Š° 2021-08-24 130542
Š”Š½ŠøŠ¼Š¾Šŗ эŠŗрŠ°Š½Š° 2021-08-24 1305421896Ɨ824 75.6 KB

33

Replace all instances of esx:showAdvancedNotification with bulletin:sendAdvanced

34

thank you, everything works, and in order to increase the display time, you need to register a timeout there

35

Any update on the hud? I love the design ;D

36

exports.bulletin:Send(ā€œBenutztā€, 5000, ā€œtopā€ ,false, ā€˜successā€™, ā€˜fadeOutā€™, false)

its still shows the default message and not the success one, and the fadeOut dont works too,
did i make somthing wrong?

37

I messed up the code in the last release so the themes for standard notifications werenā€™t working.

The latest release fixes it.

v1.1.7

Download

38

Is it possible to update a pinned notification?

39

Not at the moment, but I can implement it easily as pinned notifications return IDs to unpin them so the ID can be used to update it as well. Stay tuned.

1 Like
40

Looking forward to it. Thatā€™s the only thing missing right now, other than that itā€™s perfect <3

1 Like