PowerBlocks
LibraryInfo Banner
FREEstates

Info Banner

Announce maintenance, releases or warnings with a dismissible full-width banner: icon, message and close button, driven by one variable. Recolor the border for warning (yellow) or error (red) variants.

Palette:

Original palette · works in every Power Apps locale

Paste directly into Power Apps Studio

Scheduled maintenance this Friday from 6 PM.

YAML source

# Info Banner — PowerBlocks (FREE)
# Visible on paste; the close button hides it (Set(varShowBanner, false)).
# Show it again from anywhere with: Set(varShowBanner, true)

- InfoBanner:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      Width: =760
      Height: =52
      Fill: =RGBA(31, 41, 55, 1)
      BorderColor: =RGBA(37, 99, 235, 0.5)
      BorderThickness: =1
      RadiusTopLeft: =12
      RadiusTopRight: =12
      RadiusBottomLeft: =12
      RadiusBottomRight: =12
      DropShadow: =DropShadow.None
      Visible: =Coalesce(varShowBanner, true)
    Children:
      - IbIcon:
          Control: Classic/Icon
          Properties:
            Icon: =Icon.Information
            X: =16
            Y: =14
            Width: =24
            Height: =24
            Color: =RGBA(147, 197, 253, 1)
      - IbText:
          Control: Label
          Properties:
            Text: ="Scheduled maintenance this Friday from 6 PM — the app may be briefly unavailable."
            X: =52
            Y: =0
            Width: =Parent.Width - 110
            Height: =Parent.Height
            VerticalAlign: =VerticalAlign.Middle
            Color: =RGBA(255, 255, 255, 1)
            Size: =12
      - IbClose:
          Control: Classic/Button
          Properties:
            Text: ="✕"
            X: =Parent.Width - 44
            Y: =10
            Width: =32
            Height: =32
            Fill: =RGBA(0, 0, 0, 0)
            HoverFill: =RGBA(55, 65, 81, 1)
            Color: =RGBA(156, 163, 175, 1)
            BorderThickness: =0
            Size: =12
            RadiusTopLeft: =8
            RadiusTopRight: =8
            RadiusBottomLeft: =8
            RadiusBottomRight: =8
            OnSelect: =Set(varShowBanner, false)

Related states components