Structured Content View
​
​
This block displays structured content from Rock in the app. You can use this to display interactive sermon notes with tap-to-reveal areas and note-taking areas.

Content Channel

You'll see a channel called "Message Notes" that comes out of the box with Rock, so you typically won't need to set this up manually unless you have another purpose in mind. When editing a content channel, you can check the Is Structured Content option to enable this functionality. This will change the Default Content Control option to Editor Tool Configuration.
​
​
Adding new child items to this content channel will allow you to edit the structured content with a rich editor. Check out the Supported Formatting section to see what's available. In order to link this note item to a Message, simply add it as a child to the content channel item for the Message.

Mobile App

In the app, you'll need a page with the Structured Content View block added. Thankfully there aren't any block settings to worry about, so you'll just need to add a link to this page that passes context using the ItemGuid query string with a value of the content channel item GUID. In the case of Message Notes, you can use Lava to look at the ChildItems of a message to get the Notes/Structured Content item.
1
{% assign typeGuid = '48951e97-0e45-4494-b87c-4eb9fca067eb' %}
2
{% assign noteItem = '' %}
3
{% for childItem in Item.ChildItems %}
4
{% if childItem.ChildContentChannelItem.ContentChannelType.Guid == typeGuid %}
5
{% assign noteItem = childItem.ChildContentChannelItem %}
6
{% endif %}
7
{% endfor %}
8
​
9
{% if noteItem != '' %}
10
{% assign noteGuid = noteItem.Guid %}
11
<Button Text="Message Notes"
12
Command="{Binding PushPage}"
13
CommandParameter="{{ messageNotesPageGuid }}?ItemGuid={{ noteGuid }}" />
14
{% endif %}
Copied!

Supported Formatting

Not all formatting options are supported natively in the app, but here's what can be used safely:
  1. 1.
    Text
  2. 2.
    Heading
  3. 3.
    List (ordered and unordered)
  4. 4.
    Checklist
  5. 5.
    Quote
    1. 1.
      Left-aligned
    2. 2.
      Center-aligned (stays aligned left)
  6. 6.
    Warning
  7. 7.
    Code
  8. 8.
    Note (can be left blank or default content entered)
  9. 9.
    Delimiter
  10. 10.
    Link
  11. 11.
    Table
When highlighting text, the following formatting is supported:
  1. 1.
    Bold (depending on font support)
  2. 2.
    Italic (depending on font support)
  3. 3.
    Link
  4. 4.
    Marker
  5. 5.
    Fill-in
  6. 6.
    Code
Last modified 1mo ago