Auto-Styling Your Response Form

Generate auto-styled colors and apply them across your Response Form

Amanda Calderon avatar
Written by Amanda Calderon
Updated over a week ago

You can simplify the review capture styling process by providing these 3 colors: your Brand, Primary Text, and Secondary Text colors. As demonstrated in the following example, Okendo automatically generates an entire palette of colors based on the 3 colors you provide and applies them across the style settings of the Response Form.

In this article, you'll learn how to:

Before you begin

Consider reviewing the Style Settings Glossary to understand how each setting applies to a component or field on the Response Form.

Apply auto-styling

  1. Open your Okendo app.

  2. Click Reviews > Response Form in the sidebar.

  3. Click Styling on the Review Capture page.

  4. Click the Auto Style button. The Auto Style tool appears.

  5. Pick the Brand, Primary Text, and Secondary Text colors by clicking the Hex code field to expand the Hex color picker.


    Note: You can also enter a hex code in the field provided in the Hex color picker.

  6. Click Accept and Fill.

  7. Click Save Changes.

Modify auto-generated colors

You can change the auto-generated colors at any time. When you make a change, it affects only the color setting you changed and not the Brand, Primary Text, or Secondary Text colors you chose in the Auto Style tool. Open the tool to pick new Brand, Primary Text, or Secondary Text colors.

  1. Navigate to a styling option.

  2. Click the Hex code box to expand the Hex color picker.

  3. Select a color.
    Note: You can also enter a hex code in the field provided in the Hex color picker.

  4. Click outside of the picker or press the Return or Enter key to close it.

  5. Click Save Changes.

Related articles

Did this answer your question?