1. Defining the Action in UI Design

• Log in to the Kuika platform.
• Select the project you want to work on from the Apps screen.
• Go to the UI Design module.
• Select the component you want to define the action for (e.g., a button or page opening action).
• Open the Properties panel on the right side.

• From the ADD ACTION menu, select the Local Storage → Read From Session Storage option according to the trigger event you want (Initial Actions, OnClick, OnBlur, etc.).

2. Configuring Action Parameters

• Key (String - Required): The key of the Session Storage data to be read. For example, “activeTab”, “tempUserData”, ‘lastVisited’.
• This value can be made dynamic using sources such as Fixed, Screen Input, Current via the Symbol Picker.

The user has written the last tab they visited in a multi-tab management panel to Session Storage with the “lastTab” key. When the application is reloaded, this information is read and the user is automatically redirected to the last tab they were on.

Application Flow

• +ADD ACTION → OnClick → Local Storage → Read From Local Storage
• Key: “lastTab”‍
• Result Usage: Navigate or Set Value action is executed according to the read data.

• Conditional Redirection: With the If action, users can be redirected to different pages or tabs based on the value read.
• Form Session Transience: Temporary data entered into forms can be stored in Session Storage and reloaded when pages change.
• Restore on Page Refresh: Session data can be read with the Page On Page Load action and default values can be assigned.

Technical Risks and Controls

• Empty Key or Missing Data: May return null or undefined when an undefined key is entered. This should be checked with the If action.
• Temporary Data Loss: All Session Storage data is deleted when the session closes. Local Storage should be preferred if persistent data is required.
• Browser Incompatibility: Very old browsers may not support Session Storage. Testing should be performed.
• Security: Data stored on the browser can be read by the user. Sensitive data should not be stored without encryption.

Read From Session Storage is an effective solution for using user-specific temporary information within an application, improving user experience, and processing session-based data. With its simple configuration, dynamic integration capabilities, and high compatibility, it enables you to build a powerful temporary data management infrastructure in your application.