showActionSheet

Content:
- Properties
- Methods

An Action Sheet is a list dialog implementation of bottom sheet displaying contextual actions or options, used to streamline user interactions in mobile apps.

acs = ui.showActionSheet( title, list, options, onSelect ) → ui object: ActionSheet

These are the available methods for the ActionSheet component.

Example - Complete example of actionsheet click to expand contents

class Main extends App
{
    onStart()
    {
        // Create a fullscreen layout with objects vertically centered
        this.main = ui.addLayout("main", "Linear", "VCenter,FillXY")

        // Add a button to the main layout to show the actionsheet when click
        this.btn = ui.addButton(this.main, "Show actionsheet", "Primary")
        this.btn.setOnTouch( this.btn_onTouch )
    }

    btn_onTouch()
    {
        var choices = [
            ["person", "Account"],
            ["share", "Send to email"],
            ["delete", "Remove"],
        ];
        this.act = ui.showActionSheet("", choices, "Icon", this.onSelect);
        this.act.description = "This is the text";
        this.act.setColor("Remove", "orange");
    }

    onSelect( name, icon ) {
        ui.showPopup( icon );
    }
}

Copy All

Properties

The following properties are available on the ActionSheet object:

description → String

title → String

Methods

The following methods are available on the ActionSheet object:

setColor( name, color )

setColorByIndex( index, color )

Example - Complete example of actionsheet click to expand contents

Properties

Methods

loading