Product: Banner Notify | Best Way To Notify!

Resources Community Resources
, ,
#42

I love your UI design, beautiful work! will definitely be using this.

1 Like
#43

1920Ɨ840 35.6 KB

Banner Notify 2.0 Update! :bell:

1: Longer Notifications!

864Ɨ208 25.1 KB

Now, you donā€™t have to worry about summarizing your notifications cause the Banner Notify 2.0 got your back. It will automatically resize base on your text length!

2: Configurations

ā€¦is tha- ā€¦is that a yellow background color? Wrong! Thatā€™s beige still you can now edit the Background Color, Transparency and Content Color, Transparency upon calling the function BannerNotificationModule:Notify().

Howā€™d that work?

In your script create a variable for a table. You can name it whatever you like;

local configs = {
	.3, 							-- Background Transparency
	Color3.fromRGB(0, 0, 0), 		-- Background Color
	
	0, 								-- Content Transparency
	Color3.fromRGB(255, 255, 255), 	-- Content Color
}

thatā€™s the default configuration and this is where you put thatā€¦

BannerNotification:Notify("Red Alert", "An error occurred!", "rbxassetid://14202377967", 5, configs)

There in the 5th arguments! This is optional if you donā€™t provide one the notification will be the default look.

What if I only want to provide the Content Color?

You can just nil off the other ones like this;

local configs = {
	nil,
	nil, 	
	nil,
	Color3.fromRGB(255, 255, 255), 	-- Content Color
}

3: Smoother Exit Animation

Recordings became ugly bc of gif compressions :tired_face:

New:

Old:

Watch the two clips together, and notice the 2 have different collapsing animation. The New one, once the notification above collapses it will smoothly hover back to the same position as the previously collapsed one. The Old one however kind of jumps back to the position, you know itā€™s small addition :stuck_out_tongue_winking_eye:



9 Likes
#44

In version 2.0, you can now provide configuration table, it consists of Background Color/Transparency and Content Color/Transparency in that way you can now make every notifications unique!

1 Like
#45

Another Day, Another Amazing Update.

#46

Where can you change the position where it appears?

#47

image

Probably a me issue, but the textlabel doesnā€™t clear up until the entire UI is just destroyed after the animation.

Video:

The issue doesnā€™t seem to appear in the Test Place: (if possible uncopylock)

#48

Iā€™ll look further more into the issue and Iā€™ll ask more questions in your DMsā€¦ and Testing Grounds should be uncopylocked now.

2 Likes
#49

really cool module. Configs are hard to use. Canā€™t you make instead of

local configs= {
	.3, 							-- Background Transparency
	Color3.fromRGB(0, 0, 0), 		-- Background Color
	
	0, 								-- Content Transparency
	Color3.fromRGB(255, 255, 255), -- Content Color
}

do

local configs= {
	BackgroundTransparency = .3,
	BackgroundColor =  Color3.fromRGB(0, 0, 0),

	ContentTransparency = 0,
	ContentColor = Color3.fromRGB(255, 255, 255)
}
2 Likes
#50

Could you provide a Github repo to make integration into Rojo projects easier?

1 Like
#51

What is the purpose of integrating into rojo projects? Just create a script and put it there, itā€™s not that hard

@Pcoi94 I also recommend adding some types

3 Likes
#52

Thank you for this awesome library, it looks visually amazing! (Iā€™m currently using it in my first ever game that Iā€™m making with my brother.)

However, there seems to be an issue with the background color configuration. It does not seem to do anything, even when using the code given in the OP.

Other than that, thanks for making this! I replaced the notification system that was already in my game with this, and it looks a lot nicer. I especially like that the notifications stack up the screen.

Edit: after further investigation, it appears this only happens when the notification is sent to the client from the server.

#53

I agree with this. Named values are almost always better for configuration.

3 Likes
#54

Super cool. Iā€™m going to give it a try.

1 Like
#55

Thanks for making this.

I am (mostly) trash at making UIs. This UI is so clean and literally perfect for my use case. This will be very useful for my custom Admin Command System.

While I do try to keep all my scripts and modules 100% original , I am more then willing to implement a great module like this one (with credit of course).

Well made resources :slight_smile:

2 Likes
#56

You should try add animated icons for the image, or being able to add tween animations to the images. We could use this if we had a loading icon which kept spinning with for example the text saying ā€œLoading New Mapā€

bv_hl

#57

Is there a way to make the banner appear when the player touches a part or clicks a button??

#58

Get the player object (Players:GetPlayerFromCharacter) from whoever touches the part by using .Touched event. .Touched is a bit finicky so you might wanna add a debounce.

Once you have the player object, you can now use the module in the same script.

module:Notify(
         player.Name .. " touched a part!", --header
         "You're allowed to touch any parts", --description
         "rbxassetid://14202377967", --icon (warning)
         5, --duration
         nil, --configs (default),
         player --notification recipient)

this goes same with ClickDetectors, ClickDetector.MouseClick has a player return which you can use to put in the BannerNotification module.

#59

Im loving to see these new modules for the new roblox interfaces, definitely going to give this one a try!

1 Like
#60

Is there a way to cancel any or all notifications natively? As of now Iā€™m looping through the ā€œActiveNotificationsā€ frame and destroying any ā€œCanvasā€ frames parented to it but this doesnā€™t play the out animation.
If not, Can it be added in a future update? Something like module:CancelAllNotifications() would be nice.

1 Like
#61

This is sick. I did not expect this to be so simplistic to work with too.

Very nice! :+1:

2 Likes