Design Studio 1.6 - View on Action Sheet Technical Component

[Karol-K]

The action sheet technical component - available only in the new main mode - will allow you to create custom context based action lists.

Example

an example of Action Sheet connected to a button.

Content

The action sheet gives in this case 3 options to execute. The available items can be defined in properties. Each item can have key, text and icon.property.

Position

It is bound to a button component, by this the position can be defined in relation to the assigned component.

In the component event you have to place this script (exampe on Button):

ACTION_SHEET_1.open(BUTTON_1);

Events

There is one event available, you can use it to react on the chosen action by the user. with scripting you can access the selected key or text and with IF statements you can execute corresponding function. The scripting is then as usual.

An example of Event implementation

Where to Find?

In the technical components you can see following components. Action Sheet is one of them. Pay attention that this one is available only in the new main mode.

Summary

In cases you have previously created such action lists on your own by placing panels and buttons / labels together - this component is a good improvement fro your application.

SCN Community Content

This component relates also to the SCN community package Action Sheet Button component - Action Sheet Button 2.0 - SCN Design Studio Community. There difference between those components is in the available scripts and other properties. You can chose the one which is better fitting for you.