B4J Library [ABMaterial]: MashBadges

Discussion in 'B4J Libraries & Classes' started by Mashiane, Dec 14, 2017.

  1. Mashiane

    Mashiane Expert Licensed User

    Hi y'all

    MashBadges is an extension to the normal badge and these can be placed on your buttons. In this example we have put them on the MashDashboard Button and also a floating button.

    MashBadge.png

    Coming to MashPlugIns...

    The code...

    Code:
    'dashboard buttons
        dbButton.Initialize(page,"dbButton",MashPlugIns.MaterialIcons.mdi_desktop_windows,"Windows",MashPlugIns.EnumThemes.danger)
        dbButton.SetBadge(
    20,MashPlugIns.EnumThemes.Warn,False)
        
    page.Cell(2,1).AddComponent(dbButton.ABMComp)
        dbButton1.Initialize(
    page,"dbButton1",MashPlugIns.MaterialIcons.mdi_3d_rotation,"Rotation",MashPlugIns.EnumThemes.info)
        
    page.Cell(2,1).AddComponent(dbButton1.ABMComp)
        dbButton2.Initialize(
    page,"dbButton2",MashPlugIns.MaterialIcons.mdi_access_alarms,"Warning",MashPlugIns.EnumThemes.Warn)
        dbButton2.SetBadge(
    50,MashPlugIns.EnumThemes.Warn,True)
        
    page.Cell(2,1).AddComponent(dbButton2.ABMComp)
    'normal button group
       bg.Initialize(page,"bg")
       bg.Margin = 
    "10"
       bg.AddButton(
    "btnLeftv","Left",MashPlugIns.MaterialIcons.mdi_3d_rotation,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.danger)
       bg.AddButton(
    "btnMiddlev","Middle",MashPlugIns.MaterialIcons.mdi_access_alarms,MashPlugIns.EnumIconPosition.IconRight,MashPlugIns.EnumThemes.info)
       bg.AddButton(
    "btnRightv","Right",MashPlugIns.MaterialIcons.mdi_accessibility,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.Warn)
       bg.AddButtonBadge(
    "btnRightvb","Badge",MashPlugIns.MaterialIcons.mdi_accessibility,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.Warn,10,MashPlugIns.EnumThemes.danger,False)
       bg.AddButtonCircleBadge(
    "btnCircle",MashPlugIns.MaterialIcons.mdi_airline_seat_recline_normal,MashPlugIns.EnumButtonSize.large, _
       MashPlugIns.EnumThemes.Warn,
    "30",MashPlugIns.EnumThemes.info)
       
    page.Cell(4,1).AddComponent(bg.ABMComp)
       
       
    'button group with floating buttons
       bgc.Initialize(page,"bgc")
       bgc.IsFloating = 
    True
       bgc.ButtonSize = MashPlugIns.EnumButtonSize.large
       bgc.AddButton(
    "btnLeftc","Left",MashPlugIns.MaterialIcons.mdi_3d_rotation,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.danger)
       bgc.AddButton(
    "btnMiddlec","Middle",MashPlugIns.MaterialIcons.mdi_access_alarms,MashPlugIns.EnumIconPosition.IconRight,MashPlugIns.EnumThemes.info)
       bgc.AddButton(
    "btnRightc","Right",MashPlugIns.MaterialIcons.mdi_accessibility,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.Warn)
       bgc.AddButtonBadge(
    "btnRightcb","Badge",MashPlugIns.MaterialIcons.mdi_accessibility,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.Warn,10,MashPlugIns.EnumThemes.danger,False)
       
    page.Cell(5,1).AddComponent(bgc.ABMComp)
    This is possible with the extra methods added to the custom component.

    Code:
    dbButton2.SetBadge(50,MashPlugIns.EnumThemes.Warn,True)

    bg.AddButtonCircleBadge(
    "btnCircle",MashPlugIns.MaterialIcons.mdi_airline_seat_recline_normal,MashPlugIns.EnumButtonSize.large, _
       MashPlugIns.EnumThemes.Warn,
    "30",MashPlugIns.EnumThemes.info)

    bgc.AddButtonBadge(
    "btnRightcb","Badge",MashPlugIns.MaterialIcons.mdi_accessibility,MashPlugIns.EnumIconPosition.IconLeft,MashPlugIns.EnumThemes.Warn,10,MashPlugIns.EnumThemes.danger,False)
     
    inakigarm, amaxco and joulongleu like this.
Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice