Section Monklets

Overview

Monklets are predefined code snippets that allow you to bring in other module content (sermons, events, etc.) into your pages.  There are a few monklets that have been created that are placed in the content area of your full width sections.

You can use a monklet inside a section by placing your cursor in the content area, selecting Insert > Insert Monklet > "Desired Monklet".

Some monklets allow/require inline parameters to be passed to define items from a specific group, category, etc.  http://help.monkcms.com/article/using-monklets/ and https://help.ekklesia360.com/article/using-inline-parameters/ provides details on using these parameters.

*NOTE - Monklets defined with "Section Monklet" in the title can be inserted in the page content area or the content area of a section.  Those with "Sidebar Monklet" can be inserted in the sidebar sections.

Section Monklet - Accordions Images

This monklet operates the same as the site default accordions and uses a link list.  The find inline parameter is required.  The link image displays on the right side of the header.  The image is 440px in width by 224px tall.

The description field of the link list will display as paragraph text.  If you would like to have full a html section content for a specific tab you can do so by creating a section with the desired content.  Once created you will place the slug of the section in the corresponding link description field with curly braces.   If you create a section labeled "My Accordion Section" the link description field should contain the slug as {{my-accordion-section}}.

Note - this is used on the Hub Template.

Section Monklet - Callout

Displays a custom callout from a link list.  The button text is required with the link in order t display the button.  The find inline parameter is required.  The link image is an option field to assign an image behind the green overlay.

Section Monklet - Content Rotator

Displays images as a rotator from the rotators module.  Use the find inline parameter to define which rotator to display.

Displays up to the 12 most recent events published as featured.  You can use the find_group or find_category inline parameter as needed.

Section Monklet - Linked Image

Uses a link list to display an image with a custom overlay.  The find inline parameter is required.   The optional description displays as the overlay.

Displays a row of 3 icon columns from a link list.  The find inline parameter is required.  The name is the title and the button text is required to display the link button.  The custom icons are created by entering a custom class in the icon class field.  To see a full list of available icons: http://christchurchplano.monkpreview3.com/_assets/fonts/icons/icomoon/ or https://www.christchurchplano.org/_assets/fonts/icons/icomoon/ when your site goes live.  

The description and button/url are optional.  If you would like to have more than one button or additional html options for the content under the column heading you will need to use a section and assign it in the description area.  Once the sections is created you will place the slug of the section in the corresponding link description field with curly braces.   If you create a section labeled "My Accordion Section" the link description field should contain the slug as {{my-accordion-section}}.

Displays a row of image and icon columns from a link list.  The find inline parameter is required.  The name is the title and the button text is required to display the link button.  The custom icons are created by entering a custom class in the icon class field.  To see a full list of available icons: http://christchurchplano.monkpreview3.com/_assets/fonts/icons/icomoon/ or https://www.christchurchplano.org/_assets/fonts/icons/icomoon/ when your site goes live.   Images are 342px in width by 548px tall.

The description and button/url are optional.  If you would like to have more than one button or additional html options for the content under the column heading you will need to use a section and assign it in the description area.  Once the sections is created you will place the slug of the section in the corresponding link description field with curly braces.   If you create a section labeled "My Accordion Section" the link description field should contain the slug as {{my-accordion-section}}.

Note - this is a custom monklet that uses the image for each column and spans full width.  The section does not need the full width assignment as this is part of the monklet.  The overlay is also automatically added.

Displays a custom output from link list.  The find inline parameter is required.  The name, description and the optional Learn More button are in the left column.  The button text is required for the additional learn more button.  The Add App to Home Screen is hard coded from within the monklet to take the user to the help option of the /app page.

There should be two second level links that contain only an image.  The first child link image should be 710px in width by 515px tall.  The second child link image should be 420px in width by 770px tall.

Note - The section options should not be used with this monklet.

Displays a video from a link list.  The find inline parameter is required.  The link should be linked to an mp4 or third party embed video added to the CMS.

Section Monklet - Page Selector

Displays a select menu from a link list.  The find inline parameter is required.  The name of the link list is the select menu title and the links will display in the drop down.

Note - this is used on the Hub Template.

Section Monklet - Recent Articles (1)

Displays the most recent article.  You can use the find_group or find_category inline parameter as needed.

Section Monklet - Recent Sermons (1)

Displays the most recent sermon.  You can use the find_group or find_category inline parameter as needed.

Note - the category "Podcasts" is hidden.

Displays the most recent article published as featured.  You can use the find_group or find_category inline parameter as needed.

 

Displays the most recent event published as featured.  You can use the find_group or find_category inline parameter as needed.

Displays the most recent sermon.  You can use the find_group or find_category inline parameter as needed.

Note - the category "Podcasts" is hidden.