Overview
You can configure the content formatting, styles, and fonts in Responsive, establishing default format options in the Rich Text response editor in projects and the Content Library.
If you need to follow your company's style guide and the style you want to use is not currently in Responsive, you can import them into the application and then apply the styles to the response fields.
See Formatting Content in the Content Library for more information.
Permissions
You must have access to the Company Settings in Organization Settings in order to define styles.
Select the applicable tab for your edition of Responsive.
-
Understanding format and style priorities
To ensure your content looks exactly as you intend, it's important to understand how the various formatting options interact and which take priority. Here's a breakdown of the priorities for the formats and styles.
- Default Content Format: This is the lowest level and serves as the baseline formatting for all content unless overridden by the other options.
- Custom Content Style: This comes next. If you apply a custom style, it will override the default format but be overridden by direct styling.
- Direct Content Styling: This takes the highest priority. Any formatting you apply manually in the rich text editor will override all other styles.
Defining default content formats
You can define the default format that will be applied in the Project’s and Answer Library’s rich text editor.
To define the format, you can follow the steps below:
- Go to Organization Settings > Company Features > Overview settings.
- Scroll down to Default Content Formats and click Configure, then turn on the Enable Default Content Formatting toggle.
- Select the font, the font size, line spacing, paragraph spacing, and the font and background colors.
Note: You can select more colors by clicking the Eye Dropper icon. - Click Save once the selections are done. By default, the configured settings apply to the Project Answer Library rich text editor that was created before and after the configuration.
Creating styles for Response fields
You can create styles in the application that can be applied to the Project and Library rich text editor.
- Go to Organization Settings > Company Features > Overview settings , then click Configure associated with Default Content Formatting.
- Click the Manage Styles & Fonts tab.
- Click Add New Style, then enter a name for the style.
- Select the font size and family, the foreground and background color, and the line spacing for paragraph.
- Select the indentation and other styles, then click Save. The style will be added to the style list and can be applied in the Project and Library rich text editor.
Importing styles from Microsoft Word
You can import defined Microsoft Word styles if you have a Word file with the required styles defined.
- Imported styles can only be applied to the Response field and for text only; bullets are not supported by this styles toolbar. See Working With Response Templates to learn how to apply styles to the sections, headers, and footers.
- The Highlighter function in the Responsive app is not the same as the Highlighter function in Word (we apply a background color instead). As a best practice, we recommend removing the highlighting in Word and then building a style with the shading in so it can be easily applied/removed.
- Using a naming convention for your styles is important. It allows your users to select the right style and apply it to the response appropriately. If the name of the styles selected here already exists in the application, an alert message displays. You can either import with the same names or can change the name in the imported files in Word, save, and import again with the new saved name.
The styles can be applied in the Project and Library rich text editor in the Formatting Toolbar Styles drop-down menu.
- Go to Organization Settings > Company > Company Features, then click Edit next to Content Formats.
- Click the Manage Styles & Fonts tab, then click Import.
- Click Select Files, then browse and select your file.
- Check the box associated with the required styles and fonts in styles to be imported.
Note: Click Change File to change the imported file.
- Click Import. A success message is displayed and the selected styles and fonts will available in the rich text editor.
- Project Response Rich Text toolbar example:
- Project Response Rich Text toolbar example:
Formatting content in the Content Library
- In the Content Library, check the box for the Q&A pairs you want to change the format for, then click ...More and select Format Content.
- Select one of the following from the Format Content Options menu and complete the required information:
- Apply Font
- Use Predefined Styles: Select the style you created/imported by selecting this option.
- Find and Replace Format: Find current format and replacing it with a new format.
- Clear Formatting
- Click Apply.
Exporting imported styles
Once imported styles are applied to responses, you can export them retaining the responses in the imported styles in the following ways:
- Export to Source using Application Font
- Export to Template using Application Font Family and Size
- Export to Template using Template Font Family and Size (if the imported style is available in the template)
The option you select influence the final export. See the information below, and Tips and Tricks for Getting More Consistent Exports Using Response Templates, for more information.
Export to source using application font
When responses are exported using this option, they use the styles and fonts that have been applied in Responsive.
Only the style formats need to match, style name need not be the same. If the imported style is available in the source file, it will be displayed in the Styles Gallery and will be highlighted to indicate it in the applied style.
If the imported style is not in the source file, text that have the formatting applied will be displayed as using Normal style.
When exported to source file using source font or selected font, the imported styles applied in the response will not be retained. It will be overridden with the source font/ selected font.
Export to template using application font and gamily
When responses are exported using this option, the imported styles and fonts applied for responses will be displayed in the exported file as such.
Only the style formats need to match, style name need not be the same. If the imported styles are available in the template file, it will be highlighted with the style name in the exported template file.
If the imported style is not present in the template file, it will be highlighted as Normal style.
Export to template using template font and family
When this option is selected, styles specified in the Word template are applied to your answers.
-
Essentials features are subscription-based and may not be available for all users. Contact your account manager, or accountmanagers@responsive.io, for more details.
Understanding format and style priorities
To ensure your content looks exactly as you intend, it's important to understand how the various formatting options interact and which take priority. Here's a breakdown of the priorities for the formats and styles.
- Default Content Format: This is the lowest level and serves as the baseline formatting for all content unless overridden by the other options.
- Custom Content Style: This comes next. If you apply a custom style, it will override the default format but be overridden by direct styling.
- Direct Content Styling: This takes the highest priority. Any formatting you apply manually in the rich text editor will override all other styles.
Defining default content formats
You can define the default format that will be applied in the Project’s and Answer Library’s rich text editor.
To define the format, you can follow the steps below:
- Go to
-
- Organization Settings > Company Features > Overview settings.
- Scroll down to Default Content Formats and click Configure, then turn on the Enable Default Content Formatting toggle.
- Select the font, the font size, line spacing, paragraph spacing, and the font and background colors.
Note: You can select more colors by clicking the Eye Dropper icon. - Click Save once the selections are done. By default, the configured settings apply to the Project Answer Library rich text editor that was created before and after the configuration.
Creating styles for Response fields
You can create styles in the application that can be applied to the Project and Library rich text editor.
- Go to Organization Settings > Company Features > Overview settings , then click Configure associated with Default Content Formatting.
- Click the Manage Styles & Fonts tab.
- Click Add New Style, then enter a name for the style.
- Select the font size and family, the foreground and background color, and the line spacing for paragraph.
- Select the indentation and other styles, then click Save. The style will be added to the style list and can be applied in the Project and Library rich text editor.
Importing styles from Microsoft Word
You can import defined Microsoft Word styles if you have a Word file with the required styles defined.
- Imported styles can only be applied to the Response field and for text only; bullets are not supported by this styles toolbar. See Working With Response Templates to learn how to apply styles to the sections, headers, and footers.
- The Highlighter function in the Responsive app is not the same as the Highlighter function in Word (we apply a background color instead). As a best practice, we recommend removing the highlighting in Word and then building a style with the shading in so it can be easily applied/removed.
- Using a naming convention for your styles is important. It allows your users to select the right style and apply it to the response appropriately. If the name of the styles selected here already exists in the application, an alert message displays. You can either import with the same names or can change the name in the imported files in Word, save, and import again with the new saved name.
The styles can be applied in the Project and Library rich text editor in the Formatting Toolbar Styles drop-down menu.
- Go to Organization Settings > Company > Company Features, then click Edit next to Content Formats.
- Click the Manage Styles & Fonts tab, then click Import.
- Click Select Files, then browse and select your file.
- Check the box associated with the required styles and fonts in styles to be imported.
Note: Click Change File to change the imported file.
- Click Import. A success message is displayed and the selected styles and fonts will available in the rich text editor.
- Project Response Rich Text toolbar example:
- Project Response Rich Text toolbar example:
Formatting content in the Content Library
- In the Content Library, check the box for the Q&A pairs you want to change the format for, then click ...More and select Format Content.
- Select one of the following from the Format Content Options menu and complete the required information:
- Apply Font
- Use Predefined Styles: Select the style you created/imported by selecting this option.
- Find and Replace Format: Find current format and replacing it with a new format.
- Clear Formatting
- Click Apply.
Exporting imported styles
Once imported styles are applied to responses, you can export them retaining the responses in the imported styles in the following ways:
- Export to Source using Application Font
- Export to Template using Application Font Family and Size
- Export to Template using Template Font Family and Size (if the imported style is available in the template)
The option you select influence the final export. See the information below, and Tips and Tricks for Getting More Consistent Exports Using Response Templates, for more information.
Export to Source Using Application Font
When responses are exported using this option, they use the styles and fonts that have been applied in Responsive.
Only the style formats need to match, style name need not be the same. If the imported style is available in the source file, it will be displayed in the Styles Gallery and will be highlighted to indicate it in the applied style.
If the imported style is not in the source file, text that have the formatting applied will be displayed as using Normal style.
When exported to source file using source font or selected font, the imported styles applied in the response will not be retained. It will be overridden with the source font/ selected font.
Export to template using application font and family
When responses are exported using this option, the imported styles and fonts applied for responses will be displayed in the exported file as such.
Only the style formats need to match, style name need not be the same. If the imported styles are available in the template file, it will be highlighted with the style name in the exported template file.
If the imported style is not present in the template file, it will be highlighted as Normal style.
Export to template using template font and family
When this option is selected, styles specified in the Word template are applied to your answers.