Back
CAPI Online

Advanced text formatting using Markdown language 

1 March 2022

Attractive, easy-to-digest presentation plays an important role in encouraging survey response. Nfield automatically wraps surveys in a professional design that’s consistent with our industry’s highest standards. Most of the time, this provides everything our users need. However, there can be occasions when you want to customize your presentation more extensively.  

Experienced scripters with knowledges of common web development techniques (Javascript and CSS) can add extra presentation elements by incorporating their own theme packages (via a zip file).  

Easier customization using Markdown language 

Markdown is a lightweight markup language that can be used to add formatting elements to plaintext documents.1 It is very popular, especially among developers, and is widely used by our own teams and in Nfield documentation.  

We’ve added a new pre-packaged theme (markdown.zip) to the theme example section in NfieldChicago documentation for you to use. This includes a third-party library as a Markdown parser, which provides you with additional options for formatting your text using basic Markdown syntax.  

Here’s how it works. 

Examples

1. Header 

Adding headers improves respondents’ experience, by clarifying where they are in the survey.

These are created by simply using # for header 1) and ## for header 2) …etc.

2. Link

Links are sometimes useful for enabling respondents to reference relevant information, which helps them understand context and increase their trust.  

A clickable link that opens in a new tab is created by using [text](url) "optional hover-over text".

3. Simplified font variation

There is no need to define bold, italic and bold and italic for every different font.  

In Markdown language, this is achieved simply by using _italic text_, __bold text__ and ___bold italic text___. This results in much simpler, easier to read scripts.

4. Horizontal rule

If you want to add supplemental information to help respondents answer specific questions, enclosing this between two horizonal lines makes for a good, clear presentation.  

A line can be created in Markdown by using ---.

5. Emojis2 

Millennials are more likely to engage in surveys that are presented in a more visual and gamified way. Emojis3 are also a good tool in this regard.  

You can now copy and paste emojis to your script. See a list of emojis in Unicode 1.1.  

6. Email address

It is usual to provide a means of contact either at the beginning or the end of a questionnaire.  

You can now easily incorporate a clickable link by enclosing your email address as shown here <sales@nipo.com>. This will launch the users email program / app.

How to incorporate an advanced text formatting theme in Nfield  

Instructions for doing this begin at step 7 of 10 Steps to create a theme. If this will be your first time incorporating a theme in Nfield, we recommend watching Academy #6 NfieldChicago theming.  

The world of Markdown is quite extensive, with possibilities ranging from standard headers to more advanced options. Please look at theming in NfieldChicago documentation to download and try this out.  We also have another example theme available for setting font colors called markup.zip (See bottom right for download link). Please feel free to share any feedback or questions you have about themes with us.  

1 Getting Started | Markdown Guide
2 Emoji is part of the extended Markdown syntax that is not included in the markdown.zip theme which supports only basic syntax. It is supported as the fact that it is in Unicode.
3 Using emojis in mobile web surveys for Millennials? A study in Spain and Mexico 
Get a first impression, scheduled soon.

Get a first impression, scheduled soon.

Request a demo to see how NIPO can help you meet your requirements with our smart survey solutions.