Overview

Here we explore patterns that can help users navigate your Callimachus application.

Context Sensitive Menu

Intent

To provide a menu item that is tied to a specific web-page.

Motivation

Many web-based application need to provide links that are determined by the currently displayed page. This might be to upload or download specific information; to copy the current resource, etc.

Applicability

Use this pattern to define a menu that is defined in the context of a given page.

Implementation

Contextual menus are defined within the web-page itself in a sidebar. This can appear in the upper right-hand corner of the page.

Sample Code

Application metadata that defines this template must be defined as with other patterns. The template below defines a list of menu items of class "aside".


<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Title Here</title>
</head>
<body resource="?this">
   <div class="container">
      <div class="row">
         <div class="col-sm-8">
            <h1>Title Here</h1>
            <p>Rest of the page here</p>
         </div>
         <div class="col-sm-4">
            <aside class="well">
               <p><a href="?whatlinkshere">What links here</a></p>
               <p><a href="./?view">View container folder</a></p>
               <p><a href="?edit">Edit this resource</a></p>
            </aside>
         </div>
      </div>
   </body>
</html>