CreateListSimple

Hello World

Content:
- Methods

Creates a simple list that has an optional badge and icon with no body text.

lss = MUI.CreateListSimple( list, width, height, options ) → app object

Example - Basic click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "FillXY,VCenter")

        var list = [
            {title: "Downloads"},
            {title: "Folders"},
            {title: "Images"},
            {title: "Videos"}
        ]
        lst = MUI.CreateListSimple(list, 1)
        lst.SetOnTouch()
        lay.AddChild(lst)

    app.AddLayout(lay)
}

function OnTouch(title, index, icon, badge)
{
    app.ShowPopup(title+" : "+index)
}

Copy All

Example - With Icon & Color click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "FillXY,VCenter")

        var list = [
            {title: "Downloads", icon: "play_for_work", color:"#673ab7"},
            {title: "Folders", icon: "folder", color:"#009688"},
            {title: "Images", icon: "photo", color:"#1e88e5"},
            {title: "Videos", icon: "subscriptions", color:"#e53935"}
        ]
        lst = MUI.CreateListSimple(list, 1)
        lay.AddChild(lst)

    app.AddLayout(lay)
}

Copy All

Example - With Icon, Color & Badge click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "FillXY,VCenter")

        var list = [
            {title: "Downloads", icon: "play_for_work", badge: 9, color:"#673ab7"},
            {title: "Folders", icon: "folder", badge: 11, color:"#009688"},
            {title: "Images", icon: "photo", badge: 2, color:"#1e88e5"},
            {title: "Videos", icon: "subscriptions", badge: 24, color:"#e53935"}
        ]
        lst = MUI.CreateListSimple(list, 1)
        lay.AddChild(lst)

    app.AddLayout(lay)
}

Copy All

Example - Badge Color click to expand contents

cfg.Light
cfg.MUI

function OnStart()
{
    MUI.theme.badgeColor = "#ec407a"
    app.InitializeUIKit()

    lay = MUI.CreateLayout("Linear", "FillXY,VCenter")

        var list = [
            {title: "Downloads", icon: "play_for_work", badge: 9, color:"#673ab7"},
            {title: "Folders", icon: "folder", badge: 11, color:"#009688"},
            {title: "Images", icon: "photo", badge: 2, color:"#1e88e5"},
            {title: "Videos", icon: "subscriptions", badge: 24, color:"#e53935"}
        ]
        lst = MUI.CreateListSimple(list, 1)
        lay.AddChild(lst)

    app.AddLayout(lay)
}

Copy All

Example - Dark With Divider click to expand contents

cfg.Dark
cfg.MUI

function OnStart()
{
    color = MUI.colors.teal
    app.InitializeUIKit(color.teal)

    lay = MUI.CreateLayout("Linear", "FillXY,VCenter")

        var list = [
            {title: "Downloads", icon: "play_for_work", badge: 9, color:"#673ab7"},
            {title: "Folders", icon: "folder", badge: 11, color:"#009688"},
            {title: "Images", icon: "photo", badge: 2, color:"#1e88e5"},
            {title: "Videos", icon: "subscriptions", badge: 24, color:"#e53935"}
        ]
        lst = MUI.CreateListSimple(list, 1, null, "Divider")
        lay.AddChild(lst)

    app.AddLayout(lay)
}

Copy All