Skip to main
Eva Burrows College

Sample page

Description  Please use Heading level 4

When pasting text from elsewhere choose NOT to include formatting. This brings all kinds of rubbish code with it that is useless until it breaks something.

Add a link to a page by selecting text and choosing link icon. Choose destination Page from list presented. External links open in a new window.

Upload files for download to the relevant folder in Media i.e. EBC/Vocational/downloads. Create link as above but choose Media instead of internal Page.

If you realise you want an object (a block, a button, other) that can be shared across multiple pages, let me know.

Whitespace between blocks is controlled by padding in the Layout tab for existing blocks, or below the text editor when first creating a block

Podcast sample (WYSIWYG block)

You need to edit source using the <> icon in the WYSIWYG editor.

OMG! I did it! lololol  I didn't have access to buzzsprout to get the embed code, but was able to work out the IDs to get this to work. 

The ID you need to change to use the iframe code instead of the embed code that Steve uses in Booth Online is the second number. I think 1787817 must be our account and the second number is the ID of the podcast itself. The podcast ID appears in two places: the iframe src and the referrer

www.buzzsprout.com/1787817/15228759

www.buzzsprout.com%2Fadmin%2F1787817%2F15228759%2Fpodcast

Vimeo example (WYSIWYG block)

Add a block, and choose either Video and Quote or Video Block, then choose the video source (Vimeo or YouTube) then just put in the ID number.

First create a regular link to the pdf which has been uploaded to the media folder so you can find its path. (call this link 1)

Then in source, paste the following. (Don't copy from within source view, copy this rendered version.)

iframe source
<p><iframe src="/ui/CMS/Content/siteassets/eva-burrows-college/vocational/downloads/2027-course-brochures/2027-aod-skill-set_chcss00093_course-brochure.pdf,,259048?epieditmode=false" width="100%" height="3000px"></iframe></p>

You'll replace the bold section of this with the pdf's path. To get that path, view the source for link 1. It will look like this.

Link 1 source
<p><a href="/ui/CMS/Content/siteassets/eva-burrows-college/vocational/downloads/2027-course-brochures/your-pdf-filename.pdf,,123456?epieditmode=false" target="_blank" rel="noopener">Link to a pdf</a></p>

Replace the iframe path with the link 1 path. Note that the six digit number immediately prior to the ? is the ID of the pdf and is necessary for this. 

The Editor will tell you that it can't preview the file.

You can delete link 1 when you have the iframe happening.