Print

Save the URL of this page to edit these details later. You will be able to edit this event until it is confirmed by an Administrator.

Navigating the Toolbar & Content Window

The content toolbar is used throughout the Control Centre to allow you to format text and insert media such as images, galleries, videos and links.

toolbar-2

Edit

The following options are under the edit menu, each one of these can also be accessed using keyboard shortcuts.

  • Undo (Ctrl + Z)
  • Redo (Ctrl +Y
  • Cut (Ctrl +X)
  • Copy (Ctrl +C)
  • Paste (Ctrl +V)
  • Select All (Ctrl +A)
  • Find and Replace (Ctrl +F)

Insert

All of the options in the Insert menu can be accessed by right clicking your mouse. Some of them are also accessible from the toolbar.

YouTube/Vimeo

Before you can use this option, you will need to upload your video to your YouTube or Vimeo account.

Video URL or ID – Paste or type in either the full video URL ie. https://youtu.be/VPxY9VCu1zE or the videos id number ie VPxY9VCu1zE.

Dimensions – Set custom dimensions for your video.

Show Suggested Videos – Tick to enable suggested videos after your video has finished playing.
Note: This is for YouTube videos only.

Remove Video Heading – Tick to remove your videos heading from your video
Note: This is for YouTube videos only.

link-youtube-vimeo

Gallery

If you have already uploaded a folder of images into the Media Library then you will be able to add it straight into your content.

  1. Select the browse button to the right of the Gallery Id.
  2. Use the drop down box to select the folder.
  3. Click Select.
  4. Click Insert to add the gallery.

Uploading a new Gallery

  1. Click the Create New.
  2. Add the Folder Name.
    Note: The folder name does not display on the gallery.
  3. If you want your folder to be a sub folder in the Media Library, you can change the Root Directory dropdown to your required folder.
  4. Add your image files by clicking Choose Files,navigating to where the files are saved on your computer, highlighting all images within the folder, and clicking  You can also select and drag your images into the box labelled “or drop files here”.
    Note: You can repeat this process as many times as necessary.
  5. Once you have added all of your images, click the Create Gallery.
  6. Once the gallery has finished uploading, the system will generate an ID in the Gallery ID.
  7. Click Insert to add the gallery.

insert-gallery

PLEASE NOTE: The name of the image is used as the caption underneath each image.

Image

Select From System

If you have already uploaded an image into the Media Library, or used it previously in the Control Centre then you will be able to add it straight into your content.

  1. Select the browse button to the right of the Source.
  2. Click the image you wish to add or use the search bar at the top of the pop-up to find it.
  3. Make any required changes to the image:
    Image Preview – Allows you to click on the image and expand it to full size.
    External Link – Allows you to add a hyperlink to your image.
    Alternative Text – If you have Image preview ticked this will add a Caption to the expanded image.
    Dimensions – Set custom dimensions for your image.
    Note: To maintain good image quality, we recommend that you don’t upscale your images.
    Image Styles – Allows you to add a Border to your image.
  4. Click Ok to insert the image.

insert-image

Upload New

  1. Click on Select Image.
  2. Navigate to where the file is saved on your computer.
  3. Select the file and click Open to upload it.

upload-image

Add External

If you only have a link to an Image, you can use this option to insert it.

Source – Paste or type in the full image URL.

Dimensions – Set custom dimensions for your image.

insert-external-image

If you want to edit an image, right click the image, go to Image and then choose Select from System.

Special Elements

For all of these options, add the special element first and then either paste or type your content in.

Border Box and Colour Box

Allows you to add a coloured border or a coloured background to a section of text that you would like to stand out.

Border Box

Colour Table

Line Break

Inserts a full width line to separate content such as text or images.

PDF Break

Pushes content over into the next column in your PDF.
Note: The option is only for the PDFs generated for DIY Newsletters.

pdf-column-break

PDF Hide

Content placed in this element will only appear on the digital version and will be hidden from the PDF. This is great for polls, surveys and web forms.
Note: The option is only for the PDFs generated for DIY Newsletters.

pdf-hide

PDF Only

Content placed in this element will only appear in the PDF and will be hidden from the digital version. This is great for providing instructions specifically for people who view the PDF, such as “Go to the app to take our latest poll”.
Note: The option is only for the PDFs generated for DIY Newsletters.

pdf-only

Link Button

Applies a button style to any URLs or documents you need to insert.

URL – Paste or type in the website URL, or add in a document by using the Upload or Browse buttons.

Upload a new document – Click the upload icon, navigate to where the file is saved on your computer, select the file and click Open.

Insert a document already in the system – Click the browse icon, find your document and click the Select button.

Name – The title that will appear on the button.

Hide URL – Tick to remove the URL from the button. This is useful for really long URLs or when you are inserting a document.

Icon – Pick an icon that best suits your link type:

  • External Link
  • Download
  • File
  • PDF File
  • Word File
  • Video File
  • Audio File
  • Zip File

insert-web-link

Table

Some of these options are contextual and will only be enabled when a table is inserted or when certain areas of the table are selected, such as a single cell.

Table

Allows you to insert a table.

Table Colour

Allows you to set the background colour for the entire table.
Note: This option is only available after you have inserted a table.

Table properties

Allows you to set the size and alignment of the table.
Note: This option is only available after you have inserted a table.

Delete Table

Allows you to delete a table.
Note: This option is only available after you have inserted a table.

Cell

Allows you to edit certain cells:

  • Cell colour
  • Cell properties
  • Merge Cells
  • Split cell

Row

Allows you to edit certain rows:

  • Insert row before
  • Insert row after
  • Delete row
  • Row properties
  • Cut row
  • Copy row
  • Paste row before
  • Paste row after

Column

Allows you to edit certain columns:

  • Insert column before
  • Insert column after
  • Delete column

Style classes

Allows you to set the overall style for the table:

  • Border – Has a thin border and alternating row shading. This is the Default style.
  • No border – Removes the tables borders.
  • Colour table – Formats the table to look the same as the Colour Box style.
  • Data no border - Removes the tables borders and indents the text.
  • Set heading – Apply this to any heading rows to apply a coloured background. This is set from your school colours.
  • Image Table - Removes the tables borders and centres all content. Use this style when you need to insert multiple images side by side with captions.

Tools

Spellcheck

Spellchecks your content and underlines any errors. Left click on any errors to resolve them. This option can be toggled on and off.

Paste as text

Removes any images and formatting and only leaves the text from pasted in content. This option can be toggled on and off.

Show blocks

Shows all of the separate elements your content is sitting in. This option can be toggled on and off.

Wildcards

Wildcards allow you to pull pre-set information from your account and add it into your content. This can include information such as your phone number or address.

For example adding the First Name wildcard into an email will match a contacts First Name to their email address and allow you to add a personalised salutation to your emails.

Certain wildcards will only work within specific modules.

Formatting

The toolbar allows you to completely format your text, as well as insert images, galleries, videos and links.

Undo

Redo

Styles

paragraph

Allows you to apply paragraph and heading styles to your text, to give you consistent formatting. When you select a piece of text the style list will update to let you know which style is applied.

  • Paragraph
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Heading 5
  • Heading 6

Font Size

Text Colour

Background colour

Bold

Italic

Underline

Strikethrough

Clear Formatting

Removes any styles applied to the selected text.

Align Left

Align Center

Align Right

Justify

Decrease Indent

Increase Indent

Bullet List

You can change the bullet list icon using the drop down:

  • Circle
  • Disc (default)
  • Square

Numbered List

You can change the bullet list icon using the drop down:

  • Default - Numbers
  • Lower Alpha - Lower case alphabet
  • Lower Greek – Lower case Greek alphabet
  • Lower Roman – Lower case Roman numerals
  • Upper Alpha - Upper case alphabet
  • Upper Roman - Upper case Roman numerals

Image

Add Gallery

Add YouTube/Vimeo

Link

Allows you to insert links to documents, web forms, URLs and emails.

Link to Document

Document URL – Add in a document by using the Upload or Browse buttons.

Upload a new document – Click the upload icon, navigate to where the file is saved on your computer, select the file and click Open.

Insert a document already in the system – Click the browse icon, find your document and click the Select button.

Text to Display – Allows you to set custom link text ie “Click here for more information”.

Target Location – Allows you to pick if the link opens in the same window or a new window.

Applied Classes – Allows you to apply custom formatting to your links.
Note: If you would like to use this function, contact Schoolzine to set it up for you.

link-document

Link to URL

URL – Paste or type in the full URL.

Text to Display – Allows you to set custom link text ie “Click here for more information”.

Target Location – Allows you to pick if the link opens in the same window or a new window.

Applied Classes – Allows you to apply custom formatting to your links.
Note: If you would like to use this function, contact Schoolzine to set it up for you.

link-url

Link to Form

Form URL – Click the browse icon, find your form and click the Select button.
Note: Forms must be created in the system first.

Text to Display – Allows you to set custom link text ie “Click here to fill in the form”.

Target Location – Allows you to pick if the link opens in the same window or a new window.

Applied Classes – Allows you to apply custom formatting to your links.
Note: If you would like to use this function, contact Schoolzine to set it up for you.

link-form

Link to Email

Email – Paste or type in the full email.

Text to Display – Allows you to set custom link text ie “Click here to email Dave”.

Applied Classes – Allows you to apply custom formatting to your links.
Note: If you would like to use this function, contact Schoolzine to set it up for you.

link-email

Source Code

Content Area

The content area underneath the toolbar is the same width as the template, allowing you to see how your content will look once it is live.

content-area
« Previous Article

Managing System Users