Checkbox Survey Software Checkbox Survey Software
  • Features
    • Survey Creation
      Survey question types, logic, merging, and action options.
    • Survey Look & Feel
      Survey customization, branding, and mobile responsiveness.
    • Survey Distribution
      Email invitations, reminders, embed options, and custom links.
    • Security & Permissions
      Survey permissions, sharing options, SSO, and data security.
    • Results & Reporting
      Data export formats, charts & graphs, report filtering and API.
    • Automation & Integration
      Automatic emails & URL redirects, API, and JavaScript.
    • On-Premises Features
      Overview of on-premises version features and architecture.
    • Full Feature List
      Compare all features and limits for hosted and on-premises plans.
  • Pricing
    • Hosted Plans
      Individual, team and enterprise cloud-hosted plans.
    • On-Premises Software
      Perpetual software licenses, installed on your own servers.
    • White Label & OEM
      Learn about integrating Checkbox into your software for resale.
    • Discounts Programs
      Discounts for academic, government and non-profits.
  • About
    • Clients
      View a sampling of our global customers by industry.
    • Blog
      Company news, announcements, and industry articles.
    • Case Studies
      Learn how some of our clients use Checkbox to streamline operations.
  • Contact Us
  • Support
    • Version 7 Help Guides
      Searchable knowledge base for Checkbox Version 7.
    • Legacy (V6) Help Guides
      Searchable knowledge base for Checkbox Version 6.
    • API Docs
      Documentation for working with the Checkbox Version 7 API.
    • Technical Requirements
      Technical requirements for installing Checkbox on-premises.
    • Support Info & Policies
      Customer support hours, holidays, access information, and terms.
    • Support Login
      Login form for Checkbox on-premises support users.
  • 
    • Sales/General
      +1 (617) 231-8890
    • Support
      +1 (617) 231-8899
  • Sign In
    • US-hosted
      Sign in page for accounts hosted in the US.
    • Canada-hosted
      Sign in page for accounts hosted in Canada.
    • EU-hosted
      Sign in page for accounts hosted in the EU.
    • UK-hosted
      Sign in page for accounts hosted in the UK.
    • Australia-hosted
      Sign in page for accounts hosted in Australia.
    • Support Login
      Login for on-premises support customers.
  • Try it Free
    • Hosted Trial
      Create a 14-day cloud-hosted trial account. US, Canada, EU, UK, & Australia hosting options.
    • On-Premises Trial
      Download a 30-day on-premises trial to install on your own servers (not for PC/laptop installation).
    • Learn More
      Not sure which option to choose? Learn more about our versions.
Homepage / Doc / How to Brand Your Survey with Style Templates

How to Brand Your Survey with Style Templates

This documentation is for Legacy Checkbox Version 6. Please visit our Checkbox Version 7 Documentation page for current user guides.

 Styles Templates are the primary way that surveys and reports are branded and styled in Checkbox. You can create one or more Style Templates with custom logos, backgrounds, fonts, and colors and apply those templates to one or more surveys or reports. This guide will show you how to create a new Style and apply it (and other appearance configurations) to a survey.

NOTE: Additional customization options are available by editing the css of your survey directly. You can find more information about this option in our Developer Center.

CONTENTS:

  • Create New Style
  • Configure Style
    • Body Styles
    • Content Frame
    • Fonts and Colors
    • Matrix Styles
    • Other Styles
    • Progress Bar and Buttons
    • Header and Footer
  • Apply Survey Style to a Survey
  • Preview Survey

Create a New Style Template

Style templates are created and modified in the Style Manager. You have the option to import a style from and XML file or create a new style from scratch.

Select +Survey Style to create a new style template.

NewStyle

 

Name your style and, if desired, select a Base Style to use as a template from the drop-down list of existing styles. Choosing N/A will start a new style from scratch.

BaseStyle

 

Next, determine whether the style will be Public (available for any Checkbox administrator to use on surveys) and/or Editable (available for any Checkbox administrator to modify from its original configuration). Finally, select Save to begin configuring your new style.

Public


Configure Survey Style

Styles are modified in the Style Editor. You can return to the Style Manager by selecting Cancel or Save at the bottom of the Preview pane. Remember to always save your changes before navigating away from the Style Editor.

 

The left side of the Style Editor contains your expandable editor toolbars:

  • Body Styles
  • Content Frame
  • Fonts and Colors
  • Matrix Styles
  • Other Styles
  • Progress Bar and Buttons
  • Header and Footer

Expand each of these toolbars by clicking the right-facing arrows on the toolbar title.

StyleStart

 

The right side of the Style Editor is your preview window, which will update automatically as you make changes on the left.

PrevStart

Body Styles

Body Styles settings include:

  • Background Color: Set the background color but clicking the color picker.
  • Background Image: Select More Options button to add a background image. A window will appear asking you to determine the location of your image and configure image settings.
  • Body Font: Select desired font style and size from the drop-down lists provided. You may also change the font color using the color picker. For advanced font settings select More Options.
  • Item Spacing: Item spacing is the space between survey items on a page. Change the item spacing by entering a pixel number in the text field provided.

ColorPicker

 

Content Frame

The Content Frame is the area of the screen where your survey content (questions and messages) will be displayed.

  • Background Color: Set the background color of your content frame using the color picker.
  • Frame Border: Set the width, style, and color of your content frame border.
  • Content Frame Max Width: The maximum pixel width the content frame will stretch to. Max width must be at least 800px.
  • Content Frame Min Width: The minimum pixel width the content frame will shrink too. Min width cannot be less than 800px.

ContentFrame

 

Fonts and Colors

Set desired Fonts and Colors for the various text items in your survey. Select More Options for advanced font settings.

FontsAndColors

 

Matrix Styles

The style configurations you set under Matrix Styles will only be visible on surveys that include Matrix Items. Select More Options for advanced font settings.

MatrixStyles

 

Other Styles

The style configurations you set under Other Styles will only be visible on surveys that include Matrix Items.

OtherStyles

 

Progress Bar and Buttons

Within this style category, you can configure the size and color of a survey’s Progress Bar. Progress bars give respondents a visual indication of their progress within a survey. The progress bar style configurations you set here will only be visible on surveys that have the progress bar enabled in the Survey Editor (see Appearance section below).

The font and color of surveys’ Navigation Buttons can also be customized here.

ProgBAr

 

Header and Footer

  1. Select to edit the header or footer
  2. Insert/Edit image button
  3. Import file button

Upload a logo, watermark, or insert text to create a header and/or footer. The header and footer display on every page of your survey.

Use the Edit drop-down to move between the Header and Footer editors.

To upload an image, select the File Upload icon from the editor toolbar.
HeaderFooter

 

 


Apply Survey Style to a Survey

From the Survey Manager, select the survey you wish to apply a style to. The survey’s dashboard will expand to the right.

Select Edit Survey.

editi

 

Select Configure from the Survey Editor, then navigate to the Appearance tab.

screen-shot-2016-12-29-at-2-53-46-pm

 

Select desired Survey Styles from the drop-down lists. Checkbox’s mobile browser detection will identify the browser/device-type a respondent is using and apply the appropriate style to the survey.

NOTE: If you choose not to apply a Mobile Template for mobile devices, the survey will use the default style template for all browser types.

settingsbla

While you are on the Appearance tab, you can also configure other appearance options. These settings are specific to the selected survey.

  • Display Survey Title: Displays at the top right-hand corner of a content frame on every page of the survey. The title text is configured under the Languages &Text tab.
  • Display Progress Bar: Displays at the top right-hand corner of a content frame on every page of the survey. Will fill as respondent moves through survey.
  • Display Page Numbers: Displays at top right-hand corner of the content frame as “page_of_” on every page of survey. If Progress Bar is enabled, Page Numbers display below bar.
  • Show Item Numbers: Display to the left of survey question label text.
  • Auto Adjust Page/Item Numbers: If you have conditional or branching logic in your survey, enabling this option will ensure all pages and item numbers adjust based on which pages/items are shown.
  • Randomize Items in Pages: Randomizes the order of questions and items on each survey page.
  • Display Javascript Alert: Displays a pop-up alert (in addition to default error text) if a respondent fails to complete a required question or an answer format is invalid.
  • Designated Required Items: Displays a red asterisk (*) to the left of question text to indicate a required question.

CHECKBOX TIP: Hover over the blue tool tips for setting details.

Enabled appearance options will save automatically.


Preview Survey

Preview the survey after applying a survey style and appearance options by selecting the  Preview button. You can select to view your survey on three types of devices.

previewtype

 

This section is currently under construction. Any documents that appear blank will be populated as soon as possible. If you have any questions or need assistance with something that is not currently documented please feel free to submit a support ticket and we will be glad to assist you.
April 5, 2021

Version 6 Help Guides

  • Getting Started
    • Quick Start: Full Guide (Legacy Version 6)
    • Quick Start: Create a Simple Survey
    • Quick Start: Apply a Style to your Survey
    • Quick Start: Basic Conditions
    • Quick Start: Distribute Your Survey
    • Quick Start: View Responses & Reports
    • Checkbox Browser and Hardware Requirements
    • Checkbox Online Survey Glossary
    • Checkbox 30-min Demo
  • Survey Creation & Settings
    • Guide to Checkbox Question Types
    • How to Set Response Limits
    • How to Validate Response Text
    • How to Create & Use Question Libraries
    • How to Create & Edit a Slider Question
    • How to Create and Edit a Rank Order Question
    • Using Question and Answer Aliases
  • Survey Style & Branding
    • How to Brand Your Survey with Style Templates
    • How to Create Custom Mobile Templates (Server Only)
  • Logic, Merging, Action Items
    • How to Add Conditions & Branching/Skip Logic
    • How to Merge/Pipe Text into Surveys & Invitations
    • How to Trigger an Automatic Email
  • Security & Permissions
    • How to Set Permissions on Your Surveys & Folders
    • Report Permissions Guide
    • Overview of Checkbox Permissions
    • How to Use Resume + Save and Exit
  • Advanced Survey Features
    • How to Create Hidden Items (Query String Variables)
    • How to Embed a Video in Your Survey
    • How to Create a Scored Survey (Legacy Version 6)
    • How to Create Multi-language Surveys
  • Creating & Managing Users
    • Managing User Roles
    • User Roles Cheat Sheet
    • How to allow Admin Users to See/Manage Other Users
    • How to Import Users into Checkbox
    • How to Create Custom User Profiles
    • How to Update User Profiles with Survey Responses
  • Survey Sending & Sharing
    • How to Share your Survey via Email
    • How to Add Recipients to an Existing Invitation
    • How to Schedule Invitation Reminders
    • Your Email Footer and CAN-SPAM
    • How to Embed a Survey in your Website
  • Responses, Reporting & Exporting
    • How to Export Your Survey Responses
    • How to Create a Quick Summary Report
    • How to Use the Report Wizard
    • How to Create a Custom Report
    • Guide to Checkbox Chart & Graph Types
    • How to Filter your Reports
    • How to Create a Cross-Tab Report
    • How to Display “Other” Responses in Reports
    • How to Create Multi-Question Charts
    • How to Group Open-Ended Questions in a Report
    • How to Give a User Access to Edit/Delete Responses
    • Help with Special or Multi-Language Characters in Excel
  • FAQs and Other Guides
    • Checkbox Survey & GDPR Compliance
    • Checkbox Survey Security
    • Survey Accessibility & 508 Compliance
    • Guide to Editing Live Online Surveys
    • 12 Tips for Creating your First Online Survey
    • 8 Tips for Maximizing Online Survey Responses
    • Sending Automatic Thank You Emails

 

Checkbox develops affordable, feature-rich survey software for organizations, teams, and individuals. Available as a cloud-hosted subscription or installable software. API, source code and integration options available.

Checkbox Survey Inc.
65 Chapel Street, Newton, MA 02458  USA
General: 1-617-231-8890
Sales: 1-617-231-8891
Support: 1-617-231-8899
info@checkbox.com

  • Features
  • Pricing
  • On-Premises Software
  • Blog
  • Contact Us
  • Pay a Quote/Invoice
  • Support
  • Release Notes
  • API Documentation
  • Hosted SLA
  • Software License Agreement
  • Privacy Policy
©  2002 - Checkbox Survey, Inc.