Ask AI
Skip to main content

Enable number input field

Function: Enable number input field​

This action allows you to make a specific "Number Input field" on your application's screen editable and ready for user interaction. When a number input field is enabled, users can type or select numerical values into it. This is useful for controlling user input based on certain conditions or workflows.

Input​

  • UI element (PART): This is the specific "Number Input field" component on your page that you want to enable. You must select an existing Number Input field from your application's design.

Output​

This action does not produce any direct output values. Its effect is to change the state of the specified "Number Input field" on your application's interface.

Execution Flow​

Real-Life Examples​

Here are some practical ways you can use the "Enable number input field" action in your application:

Example 1: Enabling a Quantity Field after Product Selection

Imagine you have an e-commerce order form. Initially, the "Quantity" field is disabled until a product is chosen.

  • Inputs:
    • UI element: "Quantity Field" (a Number Input field on your order form)
  • Result: After a user selects a product from a dropdown, the "Quantity Field" becomes editable, allowing them to enter how many items they want to purchase.

Example 2: Activating a Discount Field for Authorized Users

In a sales application, you might want a "Discount Percentage" field to be editable only for users with manager privileges.

  • Inputs:
    • UI element: "Discount Percentage Field" (a Number Input field)
  • Result: When a manager logs in and navigates to the sales order, the "Discount Percentage Field" becomes editable, allowing them to apply discounts. For regular users, it remains disabled.

Example 3: Re-enabling a Field for Editing

Consider a booking form where the "Number of Guests" field is temporarily disabled after initial submission to prevent accidental changes. You want to provide an "Edit Booking" button that re-enables it.

  • Inputs:
    • UI element: "Number of Guests Field" (a Number Input field on the booking form)
  • Result: When the user clicks the "Edit Booking" button, the "Number of Guests Field" becomes editable again, allowing them to modify the booking details.