Use Text Input and Text Area to get single line text values

Updated 4 months ago by Mobsted Support L

Use Text Input and Text Area to allow users input single line text values. Each Input data is available all across the platform via hashtag link mechanism.

EXAMPLE #1: Save Text Input element to the Screen
  1. Pull text element to a screen
  2. Click on the Text Input on the app screen
  3. Fill in Backendname field with "NameInput" and the Placeholder with "Name"
  4. Click "Save"
the Screenshot shows the proccess of adding Text input to the screen in Mobsted Multichannel PWA application builder

EXAMPLE #2: Display "Save button" if Text Input is not empty
  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Fill in Backendname with "Submit" and the Caption Button with "Submit Name"
  5. In the Visibility block, set the Button to be Hidden by Default
  6. In the Show condition check if something was entered in the Name Text Input: Set #Backendname:NameInput# to be not equal to the empty string as shown below. It is possible to add more conditions if needed, please refer How to hide / show a screen element
  7. Click "Save"
the Screenshot shows how to hide the button element in Mobsted Multichannel PWA application builder

SCREENSHOT WITH THE NEW INTERFACE PENDING
Shows the working logic of the hide show condition in Mobsted multichannel PWA App builder

EXAMPLE #3: Save Text Input Data to the Object Column
  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Click on the Actions and select "Save to Object Column"
  5. Select the Name Column, that's where the Name entered would be stored in the Objects
  6. Use Hashtags to reference the value entered in the Text Input Element
  7. Click "Save"
EXAMPLE #4: Save Text Input Data to the Event
  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Click on the Actions and select "Create Event"
  5. Fill in Key and Value pairs. Value would be the text grabbed from the Text Input
  6. Click "Save"

USE PROPERTIES TO DEFINE LOOK AND BEHAVIOUR
  • Backend Name: is used to access this element content from the other parts of the App. Can contain letters, numbers, spaces and Hashtags. Max length: 255.
  • Text: the string entered to this field would be displayed to the AppUser. Can contain letters, numbers, spaces and Hashtags.
  • Rows: specific number of rows to have by default in Text Area
  • Visibility: is shown by default. Hide / Show condition could be set using AND / OR parameters. Reference How to hide / show a screen elements article for more info
  • Loop: repeat the element based on the Smart Filter or API Call.
MANAGE STYLING PARAMETERS
  • Font
  • Size
  • Margin
  • Padding
  • Borders
  • Corners
MENTIONED ARTICLES


Was it useful?