Use Layouts In Creator+

D2L Creator+ Layouts allow instructors to organize content within an HTML page into panels. Making it easy to arrange text, media, and even Creator+ Elements in your course content pages for a more dynamic look. After selecting a layout. Instructors can add content to a panel by typing, pasting, or using the HTML editor tool bar to embed the desired content.

NOTE: Insert Practice questions cannot be inserted into a layout panel.

Adding a Layout

  1. From the Navbar, select [Content].

    The Content option highlighted in the D2L Brightspace navbar

  2. From any content module, click [New] and select [Create a File].

    Indicating 'New' dropdown option and 'Create a File' selection

  3. From the WYSIWYG/HTML Editor toolbar, select the [Paintbrush & Pencil icon] (Creator+ Authoring Tools) followed by [Layouts].

    Indicates the Paintbrush and Pencil icon dropdown and then Layouts option

  4. Select the desired layout you want from the Layouts menu.

    Shows the various Layout options

     There are four layouts to choose from. Details about each layout can be found below.

More Information

For more information on Creator+ features, watch a deep-dive webinar.


Layout Types

Two Panels

Two Panels will create two equally sized panels side by side as demonstrated in the example below.

Shows the example of the 'Two Panel' Layout

The image below illustrates the panels for the Two Panels layout more clearly.

Indicates more clearly the 'Two Panel' Layout to distinguish where the two panels are oriented

Two Thirds/ One Third Panels

Two Thirds/ One Third Panelwill create two panels side by side. A large panel on the left followed by a smaller panel on the right as demonstrated in the example below.

Shows the example of the 'Two Thirds/One Third Panel' Layout

The image below illustrates the panels for the Two Thirds/ One Third layout more clearly.

Indicates more clearly the 'Two Panel' Layout to distinguish where the two thirds/one third panels are oriented

One Third/ Two Thirds Panels

One Third/ Two Thirds Panels will create two panels side by side. A small panel on the left followed by a larger panel on the right.

Shows the example of the 'One Third/Two Thirds Panel' Layout

The image below illustrates the panels for the One Third/ Two Thirds layout more clearly.

Indicates more clearly the 'Two Panel' Layout to distinguish where the one third/two thirds panel are oriented

Three Panels

Three Panels will create three small equally sized panels side by side.

Shows the example of the 'Three Panel' Layout

The image below illustrates the panels for the Three Panels layout more clearly.

Indicates more clearly the 'Two Panel' Layout to distinguish where the three panels are oriented

Additional Details

To move, convert, remove, or delete a previously created layout from an existing course file. You must open the HTML course file containing the layout in Edit mode.

  1. Locate the HTML course file from the Content area of your course and select [Edit HTML] from the context menu.

    Indicating 'Edit HTML' option in dropdown menu

  2. With the file opened in Edit view, click anywhere inside the layout panels to generate the small option bar shown below

    Indicates the different options icons for editing

    A. Moves the layout template above or below other content in the course file.
    B. Converts the current layout to a different layout type.
    C. Deletes the entire layout including the content inside it.
    D. Removes the applied layout but allows you to keep the content inside it.