> For the complete documentation index, see [llms.txt](https://docs-kr.zep.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-kr.zep.us/creator/tutor/undefined/text-list.md).

# Text List

#### Text List 형 위젯은 텍스트와 서브 텍스트를 같이 사용한 UI입니다.

활용 예 ) 내 포인트 앱 이용자 내역

**Image**

![](https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FZvQOtGIpGfNX1p1hXyHx%2Fimage.png?alt=media\&token=76dd4986-f677-4496-9733-be60f27dbc5b)

**Example**

{% file src="/files/NQHm3AfZKRkXNGtVlqmN" %}

```javascript
/**
 * Widget Handle Function
 * @param player Script Player Object
 * @returns 
 */
function openWidget(player)
{
    if (player.isMobile) {
        player.tag.widget = player.showWidget('widget.html', 'sidebar', 300, 500);
    } else {
        player.tag.widget = player.showWidget('widget.html', 'sidebar', 290, 460);
    }

    // send message to widget
    player.tag.widget.sendMessage({
        isMobile : player.isMobile,
    });

    // handle message from child frame(widget)
    player.tag.widget.onMessage.Add(function(sender, msg) {
        switch (msg.type)
        {
            case 'close':
                if(sender.tag.widget)
                {
                    sender.tag.widget.destroy();
                    sender.tag.widget = null;
                }
                break;
            case 'submit':
                sender.showAlert('OK');
                break;
        }
    })
}

App.onJoinPlayer.Add(function(player) {
    // Initialize tag properties of player
    player.tag = {};
});

App.onSidebarTouched.Add(function(player) {
    openWidget(player);
});


```