Layout Customization

After you choose a template that you would like to work with, Delphinium allows you to do additional customizations to the layout and interface.

Organizational Tips

Before you proceed and begin to customize your Delphinium interface, we want to provide some organizational tips to help you in your design decisions.

First, we recommend that you only have 1 to 2 rows per tab. Within each of those rows, we suggest that you have a max of 3 or 4 columns. If you would like to have more, we suggest that you create a new tab and add the components there. This helps ensure that most or all components are visible at a glance and that students won't need to scroll down excessively on smaller screen platforms.

We also recommend organizing components so that information central to completing the class, like modules and overall grade or progress, is displayed on the first tab. Other information is best put on subsequent tabs. This allows students to get the most important information first, and those students who want more information can get it at their convenience.

Edit the Layout

1

Go to Settings

delphinium settings icon

 
2

Click the Layout tab

layout tab

 
3

Click Edit Layout

edit layout


Remove Components

There may be components that you don't want to use for your class. If that is the case, click on the X at the top of the component to be removed.

remove component


Add Components

To add another component, simply drag and drop the component into the column that you would like to place it.

arrow from achievements component to content box

If you drag and drop it outside of a column, it will look like this: 

grades next to course progress meter

Create Columns

To keep your components grouped with their correct titles, you will need to create a column.

1

Hover over the content box, then click on the maroon arrow

row arrow

 
2

Under Add a Cell, click Left or Right

Add a cell, left or right

 
3

Drag the desired component into the newly created column

arrow starting skinny getting larger from component to column box