Screen and button reference
Use this index when you know the control you are looking at and want to know what it does. Some controls appear only after a render, on a phone or when a feature is enabled.
Upload screen
| Component or control | Action and guide |
|---|
| Large upload area | Click, keyboard-activate or drop a file to open a yard photo. On a phone it reads Take a photo and opens the camera. Photos |
| Upload photo | Open the device's file chooser. Photos |
| Reading your yard photo... | The photo is being prepared. Placement opens next. Photos |
| Your library | Return to saved work. Library |
| Sign in / account | Sign in for supported account features or manage the current visitor session. Library |
| Full-screen icon | Expand or collapse the widget where supported. Preview |
| Upload error / Try another photo | Correct a file issue and restart upload. Troubleshooting |
Fence placement
| Component or control | Action and guide |
|---|
| Where should the fence go? | Step 2 of 3, shown after the photo opens. Placement |
| Photo drawing area | Tap corners or drag along the ground to draw the red fence line. Draw the line |
| Undo | Remove the last point or stroke. Fix mistakes |
| Clear line | Remove the whole line. Fix mistakes |
| Back | Leave placement without changing a line you already confirmed. Fix mistakes |
| Approx. length | Optional fence length in feet, carried into the quote form. Length |
| Choose placement for me | Let the visualizer decide where the fence goes. Automatic placement |
| Use this fence line | Confirm a line of at least two points. Placement |
Style and stain picker
| Component or control | Action and guide |
|---|
| Finish options | Return to the picker. Styles |
| Your library tab and count | Browse saved work. Library |
| Change photo | Return to upload. Photos |
| Style card | Open a fence style and its stains. Styles |
| ‹ All finishes | Go back from the stains to the styles. Styles |
| Edit fence placement | Reopen the fence line. Change the line |
| Formulation | Show all, water-based or oil-based stains. Filters |
| Opacity | Show all, transparent, semi-transparent or solid stains. Filters |
| No verified stains in this combination | No stain matches both filters. Change one. Filters |
| Stain tile, name and code | Select the stain for the next render. Stains |
| View selected stain at Home Depot | Open the selected product's page in a new tab. Product |
| Selected name | Check which stain the next render will use. Quick start |
| Render photo / Generate preview | Create the fence preview. Quick start |
| Render photo + video | Create a still and a walkthrough. Video |
| Sign in for photo + video | Sign in before a supported video workflow. Video |
| Progress / render error | Wait for completion or follow the error's recovery steps. Troubleshooting |
| Mobile drawer control | Expand or collapse the drawer on a phone. Mobile |
Completed preview and overlays
| Component or control | Action and guide |
|---|
| Stain label | Identifies the preview on screen. Preview |
| Before / after divider | Reveal the yard before and after. Preview |
| Actions | Open tools for the preview on screen. Actions |
| Show before and after / Hide before and after | Toggle the divider on the current preview. Preview |
| Enlarge / close | Inspect the still in a larger view and return. Enlarge |
| Export | Download or share the still. Export |
| Share / copy fallback | Use supported sharing or copy the offered link. Export |
| Compare / Compare count | Open previews of the same photo side by side. Compare |
| Finish 1 / Finish 2 | Choose each side of the comparison. Compare |
| Add a second finish / Choose a finish | Return to the picker to render another preview. Compare |
| Done | Close Compare or a library overlay. Compare |
| Get a quote on this preview | Open the configured quote experience. Quote |
| Try another photo | Start again with another photo. Photos |
Library and account controls
| Component or control | Action and guide |
|---|
| Photo tile | Open the fence styles tried on that photo. Library |
| Style card | Open the stain previews in that style. Library |
| Stain tile | Restore that preview to the main screen. Library |
| All photos / breadcrumb / back | Move up through the library levels. Library |
| On this device only | Shows that the library is stored in this browser. Library |
| In-progress job | Follow a render still being prepared. Jobs |
| Retry / dismiss job | Retry failed work or remove a job entry when offered. Jobs |
| Remove / Clear all | Remove the named preview or the current library scope. Removal |
| Back to upload | Leave the upload-screen library view. Library |
| Account menu / Sign out | Check the visitor identity or leave the session. Sign-in |
Walkthrough controls
| Component or control | Action and guide |
|---|
| Render video | Start a walkthrough from the finished preview or open settings. Video |
| Clip length | Choose within the range shown. Settings |
| Prompt / character count | Set the camera direction within the text limit. Settings |
| Reset to default | Restore the default direction. Settings |
| Back to finishes / close | Leave video settings without starting. Settings |
| Filming your walkthrough | Shows a video still being made. Video |
| Photo / Video | Switch between the still and its walkthrough. Playback |
| Play / pause / seek / sound / player full screen | Use your browser's video controls. Playback |
| Export walkthrough | Save or share the visible clip. Playback |
The quote guide covers the attached previews, the optional walkthrough, the original photo, Name, Email, Phone, ZIP code, Project type, Floor size, Floor today, Project street address, Timeline, Budget, Anything else, Fence project details, Approx. fence length, Gates, text message consent, Request free on-site estimate, field errors, sending progress, the sent confirmation and Back to finishes. A separate quote page link follows the contractor's website flow.
Contractor dashboard
| Screen | Controls and guide |
|---|
| Sign in | Email, password, Sign in, Continue with Google, Create an account, Have a code. Account |
| Create account | Email, password, Create account, Google, legal links, Back to sign in. Account |
| Confirm email | Email, code, Confirm email, Google, Back to sign in. Account |
| Account shell | Account email, Visualizer, Embed, Billing, Usage, Sign out. Navigation |
| Brand | Company name, color picker, hex value, website, quote page. Brand |
| Features | Compare view, Render library, Cloud library, Video renders, Fullscreen mode, Fencing contractor mode. Fencing mode |
| Save and preview | Save changes, saving and error states, Live preview and full screen. Brand |
| Embed | Snippet, Copy embed code, Copied, Authorized websites, Save websites, saved or error message. Installation |
| Billing | Plan cards, Choose, Switch, Current plan, Redirecting, billing portal, Buy, Subscribe first. Billing |
| Usage | Trial or plan heading, photo and video balances, plan and top-up descriptions, Subscribe to a plan, History. Usage |
Unavailable and ended states
A visualizer can show a trial-ended or unavailable message instead of the tools. Follow its link to the contractor, or contact CoatFlow if this is your account. Error wording varies by cause. Use troubleshooting to decide whether to change the photo, sign in, check website setup or review the allowance.