[FREE] ๐Ÿ’Œ Notification Style: extension with various types of notification. ๐Ÿ’Œ

1. Introduction

Extension name: Notification Style
The Notification Style extension carries many built-in notification features like BigText, LargeIcon, BigPicture, SmallIcon, MediaStyle, MessageStyle. That way, you wonโ€™t be so limited in talking to the user.

Latest Version: 1.5
Released: 2020-06-06T04:35:00Z
Last Updated: 2020-07-23T17:35:00Z

2. Designer Properties

image

3. Blocks

component_event (9)
component_event (8)
component_event (7)
component_event (15)
component_method (16)
component_method (17)
component_method (18)
component_method (19)
component_method (20)
component_method (28)
component_method (21)
component_method (22)
component_method (23)
component_method (24)
component_method (25)
component_method (31)
component_method (29)
component_method (30)
component_method (61)
component_method (61)
!component_method (62)
blocks (57)
component_set_get
blocks (61)
component_set_get (3)
blocks (60)
component_set_get (2)
blocks (62)
component_set_get (4)
blocks (63)
component_set_get (5)

4. Documentation

Events

  • Callback Button Action
    When clicking on any action button, the name of the respective button will be returned by that block.
    component_event (9)
    nameAction: Button name
  • Callback Message
    Return of the message typed in the notification.
    component_event (8)
    message: Message typed in the notification bar.
    timestamp Timestamp of the moment the user returned the message.
  • Callback Music Player
    When clicking on any button of the media style notification, the name of the Action is returned in this block.
    component_event (7)

nameAction:

  • Favorite
  • Unfavorite
  • Previous
  • Play
  • Pause
  • Next
  • Callback Button Progress (:new:new)
    Returns the name of the action button pressed in the progress notification.
    component_event (15)
    nameButton ~ text

Methods

  • Simple Notifications
    Creates a simple notification with title and subtitle, capable of displaying large texts in the subtitle.
    component_method (16)
    title ~ text
    subtitle ~ text
    bigText ~ boolean*
    startValue ~ text
    id ~ number
  • Create Large Icon notifications
    Displays a large icon in the notification with title and subtitle.
    component_method (17)
    title ~ text
    subtitle ~ text
    bigText ~ boolean*
    largeIcon ~ text**
    startValue ~ text
    id ~ number
  • Big Picture Notification
    Creates a notification with a big picture and in addition it is possible to add title, subtitle and large icon.
    component_method (18)
    title ~ text
    subtitle ~ text
    bigPicture ~ text**
    largeIcon ~ text**
    startValue ~ text
    id ~ number
  • Create action button notifications
    With this block it is possible to create up to three action buttons in the notification and in addition, it is possible to add as a โ€œhyperlinkโ€.
    component_method (19)
    title ~ text
    subtitle ~ text
    bigText ~ boolean*
    bigPicture ~ text**
    largeIcon ~ text**
    listButtons ~ list (Add a list with the names of the action buttons, for example: โ€œbutton 1โ€. If you choose a hyperlink, that is, when clicking on the button you will be redirected to a page, just put the name of the button, pipe and the corresponding link, for example: โ€œCreator of Kodular|https://c.kodular.ioโ€. It is worth mentioning that, when clicking on the action button, his name will be returned in โ€œnameActionโ€ in the โ€œCallbackButtonActionโ€ event.)
    startValue ~ text
    id ~ number
  • Receiver Message Notification
    Through this block, you can show a notification of a received message with the ability to reply in the bar itself.
    component_method (20)
    group ~ text
    message ~ text
    sender ~ text (If you enter an empty string, it will add a message received from the sender.)
    timestamp ~ number
  • Confirm Sending Message
    If the user responds to the message in the notification, it will show a loading icon until that block is used.
    component_method (28)
  • Clear All Message
    When calling the MessageReceiverNotification method, it stores the added messages and to remove, use this method.
    component_method (21)
  • Create Setup Music Notification
    Starts the MediaStyle notification variables.
    component_method (22)
    title ~ text
    subtitle ~ text
    largeIcon ~ text**
    favorite ~ boolean
  • Play Music Notification
    Displays notification of MediaStyle with pause button.
    component_method (23)
  • Pause Music Notification
    Displays notification of MediaStyle with pause button.
    component_method (24)
  • Get Favorite
    Gets whether the song is marked as a favorite.
    component_method (25)
    Return: true or false (boolean)
  • Cancel Music Notification
    Delete MediaStyle notification.
    component_method (31)
  • Cancel Notification
    Cancels a specific message.
    component_method (29)
    id ~ number
  • Progress Notification (:new:new)
    Create a notification with a progress bar.
    component_method (63)
    title ~ text
    subtitle ~ text
    subtext ~ text
    buttons ~ list
    currentProgress ~ number
    maxProgress ~ number
    indeterminate ~ boolean
    ongoing ~ boolean
  • Set Progress (:new:new)
    Adjust the notification progress bar.
    component_method (61)
    subtitle ~ text
    subtext ~ text
    currentProgress ~ number
  • Cancel Progress Notification (:new:new)
    Cancels the progress notification.
    !component_method (62)
    subtitle ~ text
    subtext ~ text
    currentProgress ~ number
  • Cancel All Notification
    Cancels all notifications.
    component_method (30)

*Type true if you want to display large text in your caption.
**Image path is allowed to use images of assets, storage, cloud.

Properties

  • Channel Name
    Starting in Android 8.0 (API level 26), all notifications must be assigned to a channel.
    blocks (57)
    component_set_get
    Default: ChannelA
  • Importance Channel
    Define the importance of the channel check here for more information.
    blocks (61)
    component_set_get (3)
    Default: 2
  • IMPORTANCE_MIN โžœ 0
  • IMPORTANCE_LOW โžœ 1
  • IMPORTANCE_DEFAULT โžœ 2 (default)
  • IMPORTANCE_HIGH โžœ 3
  • IMPORTANCE_MAX โžœ 2
  • Priority Notification
    Set notification priority, check here for more information
    blocks (60)
    component_set_get (2)
    Default: 2
  • PRIORITY_MIN โžœ 0
  • PRIORITY_LOW โžœ 1
  • PRIORITY_DEFAULT โžœ 2 (default)
  • PRIORITY_HIGH โžœ 3
  • PRIORITY_MAX โžœ 2
  • Icon Notification
    Sets the notificationโ€™s smallicon.
    blocks (62)
    component_set_get (4)
    Use only small images of assets.
    Default:
  • Color Notification
    Adjust the notification color
    blocks (63)
    component_set_get (5)
    Default: BLACK

5. Screenshots

_ _ _ _ _ _

6. Downloads

7. Open Source

8. Credits

Thank you very much Kodular, for being part of my life :heart:

Note: At the moment, the extension works only for versions greater than or equal to those of Android Marshmallow (23), in the future I can update to cover more versions.

69 Likes

Great extension! Whatโ€™s the channel used for in the designersโ€™s section?

1 Like

Looks very good !!!
Congratulations is a nice job.
I test this on a some days.

1 Like

Look here.

Another great contributionโ€ฆ
Thanks @jarlissonlira2
Iโ€™ll check and say further about itโ€ฆ

2 Likes

Great Extension.

2 Likes

Amazing! :partying_face:

2 Likes

Very nice extension i am going to use it in my next project

2 Likes

Really good extention. Love it

1 Like

Can you do for alarm

1 Like

Very nice extension :heart_eyes: and useful :money_mouth_face:

Test Apk: NotificatioStyle.apk (5.6 MB)

4 Likes

Does it create notification when app is closed?

I mean, if i created a notification and send request from firebase, will this extension show notification, when app is closed?

Just like OneSignal.

3 Likes

Great stretch
One of the best Iโ€™ve seen :heart_eyes:

3 Likes

i can use this extension of background

1 Like

One of the best extension I have ever seen. :heart_eyes: :fire:

3 Likes

Hmm, I will think. Thanks for the suggestion!

2 Likes

Not yet, but Iโ€™ll try to do that! Thanks for the idea!

2 Likes

Not for now.

1 Like

Amazing :hugs:

3 Likes

Sensational. Excellent job. Congratulations !!!
@jarlissonlira2 :brazil:

1 Like