# Button Click & Swipe Up

This guide shows how to handle Swipe Up and Action Button clicks from user.

You can also check out the demo on GitHub

Storyly Demo for Kotlin (opens new window)

Storyly Demo for Java (opens new window)

Before you begin

You need to have the working Storyly setup as described in Initial SDK Setup

You can add Swipe Up or Action Button components to any Story using Storyly Studio.

You can define custom Action URL to these components so that user can be redirected to the in-app page content or an outlink. You need to click Edit button after selecting those components and enter any Action URL and title of component.

When the end-user clicks on the Swipe Up or Action Button, redirection needs to be handled by the application itself. In order to handle this action, you must register StorylyListener and override storylyActionClicked function in it. You can register the listener using the following code example:

storyly_view.storylyListener = object : StorylyListener {
    override fun storylyActionClicked(storylyView: StorylyView, story: Story) 
{
    // story.media.actionUrl is important field
}
}
storyly_view.setStorylyListener(new StorylyListener() {
@Override
public void storylyActionClicked(@NonNull StorylyView storylyView,
                                 @NonNull Story story) 
{
    // story.media.actionUrl is important field
}
});