Edit Link Areas: List of Areas

The slate will contain

• a button "Finish Link Area Editing" the returns to the media object properties
• a dropdown "Add" with entries "Whole Picture", "Rectangle", "Circle", "Polygon"
• a secondary listing panel containing all existing areas with their name and shape, each one has
• a dropdown with the actions "Edit Properties", "Edit Link" and "Delete".

The right main content will contain the image including the shapes of the existing link areas.

Create New Area

After clicking "Add" and selecting a shape, ILIAS will present a form in the slate containing

• a text area for entering the name of the link area
• a radio group to select the type of link for the area with
• a URL input field for the target of external links
• a selection for the highligh mode ("None", "Always", "Hover" and
• a selection for the highligh class ("Accented", "Light" and "Dark") and
• a "Save" button.

The main content area will contain the picture and the current shape including drag points for changing the shape.

After clicking "Save" ILIAS will save the new area and return to the overview only, if the link type is "External" or "None".

If the link type is "Internal" a modal will be presented for the internal link selection. The link selection modal will be the same as in ILIAS 9.

Editing Properties

After selecting "Edit Properties" for an area, the properties form will be opened containing

• a text area for the link area title
• select inputs for the shape, highlight mode and highlight class

The main content area will contain the picture and the current shape including drag points for changing the shape.

After clicking "Save" the properties will be saved. A success message will be presented. ILIAS stays on the same screen. If a different shape has been selected, it can be edited in the right main area.

Editing Link

After clicking "Edit Link" for an area ILIAS opens the link properties of the area in a form containing

• a radio group to select the type of link for the area with
• an URL input field for the target of external links.

After clicking "Save" ILIAS will save the properties and return to the main view, except if the link type is "Internal" a modal will be presented for the internal link selection. The link selection modal will be the same as in ILIAS 9.

Delete Area

After selecting "Delete" for an area, ILIAS will present a confirmation modal. After confirming the deletion ILIAS will delete the area and return to the area list.