Customize ODK forms with fonts, colors, sizes, and links

Nafundi has added new styling options to ODK Collect that let form designers change fonts, colors, sizes, and add clickable links to ODK forms. Styling can be added using Markdown, a popular and easy-to-use markup language.

ODK Collect 1.4.9's Markdown support allows for increased emphasis through bold and italics, different sized headers, various fonts and colors, and even clickable web links. Markdown tags can be added to your existing forms, and in the table below, we show the results of adding these tags to your form.

Label in XLSForm Result in ODK Collect
normal text
<span style="color:red">red color</span>
<span style="font-family:cursive">cursive font</span>
<span style="font-family:monospace">monospace font in a sentence with no breaks</span>
[clickable link](http://example.com)
<span style="color:#f58a1f; font-family:serif">*[Nafundi.com link in serif font, italic style, and orange color](https://nafundi.com)*</span>
# large <span style="font-family:cursive">cursive</span> header
### medium *italic* header
###### small <span style="color:blue">blue</span> header

For more advanced users, ODK Collect supports HTML tags like <br>, <big>, <small>, and <h1> through <h6>. And you can even add your favorite emojis 😍📋😍!

Interested in customizing your own ODK forms with fonts, colors, sizes, and links? Follow the steps below, and as always, if you need help designing your forms, contact our ODK experts.

  1. Upgrade to ODK Collect 1.4.9 or greater in the Google Play Store.
  2. Download the Markdown Demo XLSForm file.
  3. Convert the XLSForm to XML. We recommend XLSForm Offline.
  4. Upload it to your favorite ODK server. We recommend ODK Aggregate VM.
  5. Enjoy your stylish new forms!

Recent posts

  • SMS-based reporting of AFP cases for private care providers in Pakistan

    Fayaz Jatoi is the Coordinator of the Emergency Operations Centre (EOC) for Polio Eradication in Sindh, Pakistan. In this guest post, Fayaz describes why AFP surveillance is critical to polio eradication and how an SMS-based reporting system for private care provider helps. Read more.

  • Job opening for Senior Software Engineer on Open Data Kit

    Nafundi is seeking a Senior Software Engineer to play a lead role in the evolution of Open Data Kit, a series of open source tools for social good organizations to collect data quickly, accurately, offline, and at scale. The ideal candidate has experience with high-level software system design, modernizing legacy codebases, and writing maintainable code. Read more.

  • Job opening for Experienced Android Developer on Open Data Kit

    Nafundi is seeking a software developer with Android experience to improve ODK Collect. The ideal candidate is passionate about improving code quality and is interested in designing and building new features across the ODK platform. Read more.