PRIM_MD.Badge - BadgeFlow Property
Position of the badge relative to other badges on the control
Member of PRIM_MD.Badge (PRIM_MD.Badge)
Data Type - Enumeration
The BadgeFlow property controls how badges will position themselves when multiple badges are attached to the same Control. Multiple badges can flow when they have the same BadgeAlignment.
| Enum Value | Description |
|---|---|
| CenterHorizontal | Flow horizontally using the space equally |
| CenterVertical | Flow horizontally using the space equally |
| Down | Flow down using the first item as the start point |
| Left | Flow to the left using the first item as the start point |
| None | None |
| Right | Flow to the right using the first item as the start point |
| Up | Flow up using the first item as the start point |
In this example, clicking the button will add one to the red badge value.
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Height(313) Width(737) Define_Com Class(#PRIM_TBLO) Name(#Layout1) Define_Com Class(#PRIM_TBLO.Row) Name(#Layout1Row1) DisplayPosition(1) Parent(#Layout1) Define_Com Class(#PRIM_TBLO.Column) Name(#Layout1Column1) DisplayPosition(1) Parent(#Layout1) Define_Com Class(#PRIM_MD.RaisedButton) Name(#Button) Caption('Click') DisplayPosition(1) Left(80) Parent(#COM_OWNER) TabPosition(1) ThemeDrawStyle('MediumAccent') Top(40) Height(49) Width(129) Define_Com Class(#PRIM_MD.Badge) Name(#BadgeRed) Caption('1') Control(#Button) DisplayPosition(1) Height(20) IconAlignment(Center) TabPosition(1) TabStop(False) ThemeDrawStyle('MediumError') Top(-10) Width(20) Left(119) BadgeFlow(Left) Define_Com Class(#PRIM_MD.Badge) Name(#BadgeBlue) Caption('1') Control(#Button) DisplayPosition(2) Height(20) IconAlignment(Center) Left(99) TabPosition(2) TabStop(False) ThemeDrawStyle('MediumTitle') Top(-10) Width(20) BadgeFlow(Left) BadgeMarginRight(0) Define_Com Class(#Prim_nmbr) Name(#ClickCount) Evtroutine Handling(#Button.Click) #ClickCount += 1 #BadgeRed := #ClickCount.AsString #BadgeRed.Visible := #ClickCount > 0 Endroutine End_Com
V14 SP2 - November 2017