Add item numbers

Add item numbers

The default design does not show numbers to blocks. Here is a guide on how to add this.

1: Add item number in survey editor to a block.


2: As tenant admin, go to "Surveys"->"Designs". Create a new design or adjust an existing one where you add this code
  1. .card-header .index {
  2.     display: flex!important;
  3.     height: 42px;
  4.     width: 42px;
  5.     border: 2px solid #005387;
  6.     border-radius: 50%;
  7.     align-items: center;
  8.     justify-content: center;
  9.     position: absolute;
  10.     left: -48px;
  11.     top: 9px;
  12.     color: #005387;
  13.     font-size: 18px;
  14. }
3: Your surveys will then display the item number for block like this:

    • Related Articles

    • Scales

      To simplify and centralize the scales used in surveys, Effect IO has a centralized scales features. When a scales is defined here, you will be able to reuse it across all surveys in your tenant installation. To get started, click the "Add new" button ...
    • Working with surveys

      The Effect IO survey editor is the core of the system. A general overview on how to work with surveys follows. We assume that you have created a new survey and have entered the survey editor. You can also learn more about survey settings here. About ...
    • Survey designs - tips to adjust styling

      At the current stat, the styling of surveys is done directly as CSS. If you know CSS and how to use the browser console, you will be able to style every single item in the survey. As a quick reference, some of the most used stylings are added below ...
    • Benchmarks

      It is possible to create two types of benchmarks in Effect IO. These are set as part of survey settings. The two types are Range benchmark: Allows 2-X values that will be represented as "background" in the charts Single value benchmark: Set one ...
    • Validations in text questions

      Text questions in Effect IO can be validated on the fly using Regex patterns. Regex patterns are highly flexible and quite hard. So for your reference, here are some common patterns you can paste into the validations in text questions Numbers & ...