Edit visually and fix errors in one click

Small changes do not always need a request. In a web app’s preview you can select an element and edit it directly, and when the preview reports an error, one click asks Craftkite to fix it.

Edit an element

1. In the Preview tab, click Select an element to edit (the pointer icon above the preview).
2. Click the element in the preview. Press Esc to cancel.
3. The Selected panel opens. Change the Text, Text colour, Background, Padding or Margin and click Apply.
4. Changes show in the preview right away and are saved with your next version.

For anything bigger, write in Ask Craftkite to change this and click Start the change: Craftkite knows exactly which element you mean.

Fix errors with one click

When the app throws an error in the preview, a bar appears below it: “The preview reported an error”.

1. Click Details to see the message.
2. Click Fix it. Craftkite starts a change that repairs the error, like any other change.
3. Click Dismiss if you want to ignore it.

Good to know

• Visual editing works on web apps while the preview runs.
• If the code changed since you selected an element, select it again.
• While a change is running, edits wait until it finishes.