Inline Boxes

Last edited 12/11/2023
Inline boxes can be used to display scrolling content within a page. These are excellent ways to display a large amount of content while keeping the scrolling space for the page to a minimum. A common use, as displayed below, is to show real time class availability from the events module, such as summer camp or merit badge events. 

Inline Box Code:

<p><iframe allowfullscreen="" frameborder="0" height="400" overflow-x="hidden" src="LINK" width="100%"></iframe></p>

Embedding Class Schedules

To use this box to display class schedules, go to the event Dashboard and scroll to the Reports section. Select one of the HTML (web-based) Event Class Schedule reports and click Generate. This will open a new tab with the live class schedule. Copy the code from the browser's address bar and insert that code in the Inline Box Code as the LINK.


Sample Inline Box Code with Event Class Schedule Link (for Youth):

<p><iframe allowfullscreen="" frameborder="0" height="400" overflow-x="hidden" src="" width="100%"></iframe></p>

Class schedules can also be displayed using modals, tabs, or collapsible panels. Buttons can be used to take users to those pages.


We are always happy to assist with website training.