Protobi

← All blog posts View post

You can use Protobi not only to find the story but to tell it. The new
headline, slide layout, and notes features may help.
Each element can now show a headline in bold text. This can be a place 
to put the main takeaway from the chart as in this example:
 
<div class="hover-image">
 <img src="/images/blog/2020-06-30-slide-layout/Q3-standard-layout.png" style="max-width: 360px" class="image1" />
 <img src="/images/blog/2020-06-30-slide-layout/Q3-standard-layout-headline.png" style="max-width: 360px" class="image2" />
</div>

You can of course use headlines as desired in your project. But in our 
design vision, headlines differ from existing key, displayKey and title
attributes as follows:
<ul>
<li>key is the true unique identifier for the element. Typically it 
will correspond to the name of the data column, e.g. "Q3", but with cloning, transforms, etc. 
it can be any string so long as it is unique.
</li>
<li>displayKey is the identifier as displayed to the respondent, 
above the line at the top of the element. You might have multiple elements 
for one data column with keys like "Q3", "Q3_coded", "Q3_trend", "Q3_copy2"
etc. but may wish for each of these to be displayed as "Q3".
</li>
<li>title is typically the question text as asked in the survey, or 
for derived variables, a simple description of what the data represents.
</li>
<li>footnote is for details that need to be visible but not at the top, 
such as whether any skip patterns apply and whether missing values are shown.
</li>
</ul>
In particular, in <a href="/post/slide-layout">slide layout</a>, the headline becomes the slide title 
and title becomes the slide text.
<img src="/images/blog/2020-06-30-slide-layout/Q3-slide-layout-16x9.png" style="max-width: 480px"/>
To add a headline, press the edit icon for the element, 
and select More properties... from the menu:
<img src="/images/blog/2020-06-30-slide-layout/headline-more-properties.png" style="max-width: 300px; margin: 0 auto; display: block;"/>
For more information, visit <a href="https://sermo.com">https://sermo.com</a> or contact <a href="mailto:support@protobi.com">support@protobi.com</a>.

Date

Status

Slug edit

Thumbnail

Categories Manage