CreateTextEditOutline

Hello World

Content:
- Methods

Creates an outlined material text input.

teo = MUI.CreateTextEditOutline( width, options, hint, label, color, backColor ) → Object

Example - No Label click to expand contents

cfg.Light
cfg.MUI

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

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

        tef = MUI.CreateTextEditOutline(0.8, "Left", "Type your name")
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All

Example - With Label click to expand contents

cfg.Light
cfg.MUI

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

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

        tef = MUI.CreateTextEditOutline(0.8, "Left", "Username", true)
        lay.AddChild(tef)

    app.AddLayout(lay)
}

Copy All

Example - SetOnEnter Callback click to expand contents

cfg.Dark
cfg.MUI

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

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

        tef = MUI.CreateTextEditOutline(0.8, "Left", "Type your name", true)
        tef.SetOnEnter(OnEnter)
        lay.AddChild(tef)

    app.AddLayout(lay)
}

function OnEnter()
{
    app.ShowPopup(this.GetText())
}

Copy All