Use Header Image with 3 how-to topics, all available directly in the Smart Forms editor; choose a topic from the index and follow the steps in order.
How-to Index
| No. | Topic | Membership Requirement |
|---|---|---|
| 1 | 1. Open the Header Image entry | Free |
| 2 | 2. Configure Header Image settings | Free |
| 3 | 3. Preview and confirm the Header Image result | Free |
How-to Guide
1. Open the Header Image entry
Entry path: Form editor → Quick Start → Header Image
- Open the Smart Forms editing interface.
- Select the Quick Start module in the left navigation area.
- Locate the Header Image setting item.
- Click the item to enter the editing interface.
Success Criteria
- Interface result: You have entered the Header Image editing area.
- Next action available: You can continue to adjust Header Image settings.
Tips While Using
- Common mistake: If you do not enter the Quick Start module first, the Header Image entry may not be visible.
- Environment note: You need edit permission for the current form.
2. Configure Header Image settings
Entry path: Header Image editing panel
- Review the available settings in the Header Image editing panel.
- Adjust the settings according to the current form needs.
- Check whether the configured content matches the intended form style.
Success Criteria
- Interface result: The settings have been configured in the editing panel.
- Next action available: You can proceed to preview or confirmation.
Tips While Using
- Common mistake: Skipping a final review after changing settings may lead to an unexpected display result.
- Environment note: A stable network connection is recommended during online editing.
3. Preview and confirm the Header Image result
Entry path: Header Image editing panel → Preview / Confirm
- Review the current display result in the panel.
- Check whether the Header Image appears as expected.
- Click Confirm after verifying the result.
Success Criteria
- Interface result: The Header Image setup is completed and the editor returns to the form workflow.
- Next action available: You can continue editing other form content.
Tips While Using
- Common mistake: Confirming without preview may leave display issues unnoticed.
- Environment note: If the page loads slowly, refresh the preview and check again.