Action bars

Action bars can be used to group actions that readers can perform such as edit, logout and others.

These bars should not be used as a substitute for page tabs.

There are three types of bar - tools-uni (the university colour), tools-grey and tools-college (defaults to the college colour on the site or to platinum on non-college sites). To see the bar in college colours, refer to the style sampler.

Action bars can be implemented with the following code:

<div class="doublewide noprint nopadbottom tools-uni (or tools-grey or tools-college)">
    <ul class="left">
      <li><a title="Option1" href="#">Option1</a></li>
      <li><a title="Option2" href="#">Option2</a></li>
      <li><a title="Option3" href="#">Option3</a></li>
   <ul class="right">
      <li><a title="Option4" href="#">Option4</a></li>
      <li><a title="Option5" href="#">Option5</a></li>

Updated:  18 August 2017/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle