Section Monklets

Overview

Monklets are predefined code snippets that allow you to bring in other module content (sermons, events, etc.) into your pages.  

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.

Module Images: Unless noted otherwise in this guide most module (sermons, events, etc.) images should be 1,024px wide by 576px tall. Please note that there are areas on the site that use a square image or a non 16:9 display from the modules (eg. the section monklet for the latest sermon). In these instances the 16:9 image from the module is used and centered to cover the area. This means that if you have text layered in the image it should be as centered as possible to prevent text from getting cut off.

Note - Monklets defined with "Section Monklet" in the title can be inserted in the content area of a section used in a full width section.  Monklets defined with "Sidebar Monklet" in the title can be inserted in the content area of a section used in the sidebar.

Displays linked images from the Link List module in rows of 2.  The find inline parameter is required.  The Description field is the optional overlay text.

Section Monklet - Linked Image (3)

Displays linked images from the Link List module in rows of 3.  The find inline parameter is required.  The Description field is the optional overlay text.

Section Monklet - Linked Image (4)

Displays linked images from the Link List module in rows of 4.  The find inline parameter is required.  The Description field is the optional overlay text.

Displays a carousel of link list entries in 2 columns.  The find inline parameter is required. The link image displays at the top with the Icon and Subtitle as an overlay.  The Button Text and Description display underneath the image.

The custom icons are created by entering a custom class in the "icon class" field (ie: icon-twitter).  To see a full list of available icons: https://mk047.dev.monkpreview.com/_assets/fonts/icons/icomoon/

Displays a carousel of link list entries in 3 columns.  The find inline parameter is required. The link image displays at the top with the Icon and Subtitle as an overlay.  The Button Text and Description display underneath the image.

The custom icons are created by entering a custom class in the "icon class" field (ie: icon-twitter).  To see a full list of available icons: https://mk047.dev.monkpreview.com/_assets/fonts/icons/icomoon/

Displays a carousel of link list entries in 4 columns.  The find inline parameter is required. The link image displays at the top with the Icon and Subtitle as an overlay.  The Button Text and Description display underneath the image.

The custom icons are created by entering a custom class in the "icon class" field (ie: icon-twitter).  To see a full list of available icons: https://mk047.dev.monkpreview.com/_assets/fonts/icons/icomoon/

Section Monklet - Linked Image Button (2)

Displays linked images from the Link List module in rows of 2.  The find inline parameter is required.  The URL and Button Text field is used to display a button as an overlay.

Section Monklet - Linked Image Button (3)

Displays linked images from the Link List module in rows of 3.  The find inline parameter is required.  The URL and Button Text field is used to display a button as an overlay.

Section Monklet - Linked Image Button (4)

Displays linked images from the Link List module in rows of 4.  The find inline parameter is required.  The URL and Button Text field is used to display a button as an overlay.

Displays a video from the Link List module. The find inline parameter is required. The video is assigned in the url field of the link.  

Section Monklet - Link List Button Row

Displays linked buttons from the Link List module in a full row.  The find inline parameter is required.  The URL and Button Text field is used to display a full row of buttons.

Section Monklet - Content Rotator

Displays a rotator from the Rotators module.  The find inline parameter is required.  All images should be the same size.  The slide text and url/button options will display as an image overlay.

Displays up to 9 recent events from the Events module.   You can use the find_group or find_category inline parameters as needed.

Section Monklet - Latest Article Full Width - Media

Displays the most recent article from the Articles module.  You can use the find_group or find_category inline parameters as needed.

This is only supported in full width sections (not the page content area).  The full width option is automatically applied  and the article media displays in the right column by default.  Selecting the section category " Section Options: Section 50/50 - Image Left" will move the article media to the left.

The section options "Section Dark",  "Section Light",  "Section Overlay" and "Section Overlay Color" are the only additional section categories supported.

Section Monklet - Latest Sermon Full Width - Media

Displays the most recent sermon from the Sermons module.  You can use the find_group or find_category inline parameters as needed.

This is only supported in full width sections (not the page content area).  The full width option is automatically applied  and the sermon media displays in the right column by default.  Selecting the section category " Section Options: Section 50/50 - Image Left" will move the sermon media to the left.

The section options "Section Dark",  "Section Light",  "Section Overlay" and "Section Overlay Color" are the only additional section categories supported.

Section Monklet - Latest Post Full Width - Media

Displays the most recent post from the Blogs module.  The name inline parameter is required to define a specific blog to pull from.

This is only supported in full width sections (not the page content area).  The full width option is automatically applied  and the post media displays in the right column by default.  Selecting the section category " Section Options: Section 50/50 - Image Left" will move the post media to the left.

The section options "Section Dark",  "Section Light",  "Section Overlay" and "Section Overlay Color" are the only additional section categories supported.

Section Monklet - Staff Row (3)

Displays users from a specific group in sets of 3 columns.  This monklet requires the inline parameter find_group to define which group to display users from.

Section Monklet - Schedule Tabs

Displays tabbed content from the Link List module.  The find inline parameter is required. 

Each first level link entry is the tab and displays as the tab title.

Each first level link can contain second level links that display as the "scheduled" content for each parent tab.  Each second level link uses the Description field for the colored tag content and the name for the heading content.  If the URL is used the schedule field becomes a link.

This monklet displays a row of banners from a link list (Content > Link Lists > Visit Links), and each link within the list represents a column. The description field of the link displays in the column area and the url and name are used to populate the button.

Within the monklet, the "find" parameter is used to specify which link list to use: {{section-monklet-visit-links|find="visit-links"}}

Note: The description field of the link list will display as paragraph text.  If you would like to have a full html section content for a specific column, 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 "Column 1 Section" the link description field should contain the slug as {{column-1-section}}.  Within the description field of the link list items is the slug version of the cooresponding section title, so that the content for the column pulls from a section as opposed to directly in the description field.

Section Monklet - Church Map (used with Section Monklet - Visit Links)

Included with the monklet "Section Monklet - Visit Links" is the monklet "Section Monklet - Church Map", which displays a map with marker from a specific church entry (People > Churches). Note: you must use the find inline parameter to define which church entry pull from.

You can see a monklet example here: {{section-monklet-church-map|find="church-name"}}

Section Monklet - Connect

This monklet uses a link list and displays a custom layout for your app links.  This monklet should only be used in a full width section.

There should only be a single level 1 link entry.  The Name is the heading 1, the Sub Title is the top section heading and the description displays as a heading 3.  The image should be 564px wide by 640px tall.

Each level 2/child link displays below the description.  If a link has an image it should not use the button text.  Links with button text will display as a primary button.

Displays the most recent article from the Articles module.   You can use the find_group or find_category inline parameters as needed.

Sidebar Monklet - Link List Image Carousel

Displays a carousel of link list entries.  The find inline parameter is required. The link image displays at the top with the Icon and Subtitle as an overlay.  The Button Text and Description display underneath the image.

The custom icons are created by entering a custom class in the "icon class" field (ie: icon-twitter).  To see a full list of available icons: https://mk047.dev.monkpreview.com/_assets/fonts/icons/icomoon/

Displays up to 8 recent events from the Events module.   You can use the find_group or find_category inline parameters as needed.

Sidebar Monklet - Latest Post

Displays the most recent post from the Blogs module.  The name inline parameter is required to define a specific blog to pull from.

Displays the most recent sermon from the Sermons module.  You can use the find_group or find_category inline parameters as needed.  

Displays users from a specific group in sets of 2 columns.  This monklet requires the inline parameter find_group to define which group to display users from.