TabAddItem()

Adds a tab item to a tab container. Each tab links to a content panel by ID.

Syntax
Result = MaterialSB::TabAddItem(Title.s, Tab, ID.s, Flags = #Tab_Default)
Parameters
Title.s The tab label text.
Tab The tab container element returned by Tab().
ID.s The ID of the content panel this tab shows (without the # prefix).
Flags Optional. Tab item flags.
Flags
FlagDescription
#Tab_DefaultStandard tab item (default)
#Tab_DisabledDisabled tab (cannot be clicked)
Return Value

Returns the tab list item element.

Remarks

You must create corresponding content divs with matching IDs. The content divs should have the class col s12 for proper display.

Example
Procedure Main(Success)
  If Success
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12)
        ; Create tab container
        myTabs = MaterialSB::Tab()
        
        ; Add tab items
        MaterialSB::TabAddItem("Home", myTabs, "home-tab")
        MaterialSB::TabAddItem("Profile", myTabs, "profile-tab")
        MaterialSB::TabAddItem("Messages", myTabs, "messages-tab")
        MaterialSB::TabAddItem("Settings", myTabs, "settings-tab", MaterialSB::#Tab_Disabled)
        
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
    
    ; Tab content panels
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12)
        ; Home tab content
        MaterialSB::Append("
")
        MaterialSB::Append(MaterialSB::Header("Welcome Home", 4))
        MaterialSB::Append(MaterialSB::Paragraph("This is the home tab content. It displays by default."))
        MaterialSB::Append("
")
        
        ; Profile tab content
        MaterialSB::Append("
")
        MaterialSB::Append(MaterialSB::Header("Your Profile", 4))
        MaterialSB::Append(MaterialSB::Paragraph("Manage your profile settings here."))
        MaterialSB::Append("
")
        
        ; Messages tab content
        MaterialSB::Append("
")
        MaterialSB::Append(MaterialSB::Header("Messages", 4))
        MaterialSB::Append(MaterialSB::Paragraph("You have no new messages."))
        MaterialSB::Append("
")
        
        ; Settings tab content (disabled tab)
        MaterialSB::Append("
")
        MaterialSB::Append(MaterialSB::Paragraph("Settings are currently unavailable."))
        MaterialSB::Append("
")
        
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
  EndIf
EndProcedure

MaterialSB::Download(@Main())
See Also

Tab()