Kuika's Content Menu element allows users to quickly and easily access specific content within the application. It is typically used for frequently used actions such as profile menus, settings, or logout procedures. With its user-friendly dropdown menu structure, it offers a simple and organized navigation experience.

Supported only in web applications.

Areas of Use

• 👤 Profile and Account Settings → “My Profile,” “Password,” ‘Settings’
• ⚙️ Application Shortcuts → Frequently accessed pages
• 🚪 Logout Procedures → Logging out with the “Log Out” option

Usage Scenario – Profile Shortcut Menu

In a social media application, a Content Menu is located in the upper right corner of the screen. Only Label values are used to list the following options in the menu:

• “My Profile”
• “Password”
• ‘Settings’
• “Log Out”

The user is redirected to the relevant page by clicking on any item in the menu.

Data Source Connection

1. Datasources Module

• Go to the Datasources module.
• Then click the + icon next to the Tables heading and name the table “ContentMenuData”.
• Create the following table:

2. Creating an SQL Action

• Then go to the SQL Actions section and name the action “ContentMenuData”. You can also create it with C#.
• Enter the following SQL command:

SELECT 1 AS Id, ‘My Profile’ AS LabelUNION ALLSELECT 2, ‘Password’UNION ALLSELECT 3, ‘Settings’UNION ALLSELECT 4, ‘Log Out’;

This structure lists the items in the menu in English.

UI Design Module Operations

1. Go to the UI Design module.
2. Select the Content Menu element from the Elements > Display category on the left side.
3. Drag and drop it onto the screen.

Using Properties in the Scenario Context

• Label
  
  • Description: Defines the text to be displayed on the Content Menu.
  • Usage: Static text can be entered or data can be linked from the Symbol Picker.
  • Examples:
    
    • Static: “Settings”
    • Dynamic: Current.Label → Value returned from SQL

When the Scenario is Complete

• The user clicks on the profile icon in the upper right corner of the screen.
• The following options appear in the Content Menu that opens:
  
  • “My Profile”
  • “Password”
  • ‘Settings’
  • “Log Out”
• Each click redirects to the relevant page or triggers the relevant action.

Limitations

• Content Menu is only supported in web applications.
• Menu items can only contain Label text (icons or alt text cannot be added).

Tips and Best Practices

Use short and clear labels: “Settings,” “Profile,” “Log Out.”

• Do not include more than 3–5 items in the menu.
• You can create dynamic menu content based on the user's role using the Symbol Picker.
• Pay attention to theme compatibility: Menu text should contrast with the background.