Text Property
The Text Property allows you to add a Name, Default, Placeholder, Canvas Placeholder and Type (Static or Advanced) to your Component.
Open the Components Properties modal by clicking the "+" icon in the Block Inspector.
Select the Text Property you wish to configure.
This is an example of how it will look once configured.
Connect
The Text Property needs to be connected for it to be applied to the canvas.
You need to select "Modify" in the Toolbar or Block Inspector for the blocks that make up a particular component to be visible.
Select the Component to which you want to connect the Text Property.
Select "Modify" in the toolbar or the Block Inspector.
The blocks contained in the component are now visible in the navigator.
Find and select the Text property you wish to connect in the navigator.
In the Components tab of the Primary tab, click the Content field to open the Component Properties modal.
Select the required Text Property and click the Connect button.
The Text Property will now be visible in the Content field in green which indicates that it is connected.
The text of an individual component can be customised either clicking Customise in the toolbar or directly inputting the required text.
Select the Component to be customised.
Either click Customise in the toolbar and input the required text in the Name field of the Block inspector.
Or Select the Text Property to be customised and input required text directly into the component.
See Connect a Component Property.
Name
Allows you to label the selected text property.
Open the Component Properties modal.
Select required text property.
Input suitable label name to Name field.
The required label will now be visible in the Block Inspector next to the text field.
Default
Allows you to set suitable default text to your component.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Input suitable default text in Default field.
This is how it should now look on the canvas.
Placeholder
Ensures that suitable alternative text appears in the text field of the block inspector if the text field has been cleared.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Input suitable text to Placeholder field such as "Enter Name Here".
If the text field has been cleared, the inputed text will appear in the Name field of the Block Inspector, such as "Enter Name Here" as long as the property has been connected.
Canvas Placeholder
Alternative text that appears in the text field of your post or page if the required text has not been added.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Input suitable text to Canvas Placeholder field, such as "Enter Name".
Canvas Placeholder text will now be visible in the Text field of the Page or Post, such as Enter Name.
Simple Type
The Simple Type property means that your text property is static.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Select Simple as Type.
Static text will now appear in the Text field of the Block Inspector.
Advanced Type
The Advanced Type property allows you to add dynamic or static content to your text field as required.
Open the Components Properties.
Select required Text property.
Open Settings tab.
Select Advanced as Type.
Now a Dynamic icon appears in the Block Inspector that will allow you to toggle on or off Dynamic content.
In the Block Inspector, toggle dynamic on for dynamic content.
This will open the Content modal.
Input settings as required.
Last updated
