Inline Boxes

Last edited 12/16/2019
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, the Reports tab, and click on one of the web-based Event Class Schedule reports which will bring the schedule up in a new tab. 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.