Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
Steps to set a button element to show a Pop Up and display a variable string as feedback.
1
Select the button element.
Click the continue button:
2
Select the Actions icon (lightning bolt).
Click the continue button:
3
Select Show a Popup
Click the continue button:
4
The Element Interactions panel will open on the right side of the Stage so you can complete the settings for the Pop Up.
The Header: field allows you to add Header text for your Pop Up.
In this example we'll use "Check Your Work".
Click the Header: field and we'll add the text for you.
Click the continue button:
5
The Content: field allows you to add feedback text.
In this example we're going to add some initial text then show the text saved to the Rewrite variable then follow that with more feedback text.
Click the Content: field and we'll add the first text for you.
Click the continue button:
6
To tell the Pop Up to display the variable text, right-click at the place where you want to insert the variable string.
Click the continue button:
7
A list of options will appear.
The Rewrite variable is a Custom Variable.
Select the Custom Variables option.
Click the continue button:
8
You'll see a list of the Custom variables created for the Project so far.
Select the Rewrite (string) variable.
Click the continue button:
9
The variable string is now added to the Content: field.
You can now add the remaining text content.
For this example, click below the Rewrite variable and we'll add the remaining text for you.
Click the continue button:
10
Select Apply to save the settings for the Pop Up.
Click the continue button:
11
Select Done
Click the continue button:
12
Use the Full Project Preview option to test typing into the Text Input box then viewing the feedback using the Submit button.
Click the continue button:












Comments ( 0 )
Sign in to join the discussion.