Tutorials

Move or Resize Settings Panel

Table of Contents

SETTINGS PANEL

From the Lesson Editor, each lesson row, column, and tool features a settings panel, which allows you to easily customize and adjust your settings for each item. Simply hover each item and access the settings panel from the top left:

imageb097

This panel can be moved, resized, or docked as needed, allowing you to customize your window real estate!

RESIZE

To make the settings panel larger or smaller, resize by mousing over any of the panel sides until a blue highlight appears and your cursor shifts to a double-arrow icon:

imageb098

Drag to widen or make your panel smaller. To make the settings panel full screen, select the icon in the top right corner of the panel:

imageb099

You can minimize the screen again by clicking the minus icon (top-right corner):

imageb100

MOVE

To move the settings panel, mouse over the top area of the panel until your cursor shifts to a four-headed arrow, then click and drag the panel to its new position:

imageb101

DOCK

To dock the settings panel to the left or right side of your screen, drag the panel to either side and release once you see the blue guide appear:

imageb102

The panel will then be docked to the side:

imageb103

Once docked, you can drag the panel to make it wider, or use the arrow icon in the bottom corner to minimize the entire panel:

imageb104

If you leave the Lesson Editor and return, the system will remember your settings. If you prefer to return to the floating panel, mouse over the top area of the settings panel until the four-headed arrow appears, then click and drag the panel back to the center of your Page Canvas:

imageb105

image3078If you have a tool, column, or row selected, the settings panel will appear where you drop it. If nothing is selected on the page, the panel will hide until you select the settings panel for a tool, column, or row again.

MINIMIZE SECTIONS

By default, each section of the settings panels is expanded upon first access. To minimize any sections within the panel, simply click the downward-facing arrow to collapse:

imageb106

To expand any collapsed section, click the right-facing arrow:

imageb107

Previous Responsive Design
Table of Contents