toolbar examples

This example code demonstrates how to add a custom toolbar and remove a toolbar button.

Example 1: Removing a toolbar buttons

This example code demonstrates how to remove a toolbar button from the navigation toolbar by setting the visibility of the toolbar button to false.

<%@ taglib uri="bloxtld" prefix="blox"%>
<%@ taglib uri="bloxuitld" prefix="bloxui"%>

<HTML>
<head>
   <blox:header />
</head>

<blox:present ....>
...
<bloxui:toolbar name="navigationToolbar" >
   <bloxui:ToolbarButton name="viewGrid" visible="false" />
   <bloxui:ToolbarButton name="viewChart" visible="false" />
   <bloxui:ToolbarButton name="viewPageFilter" visible="false" />
   <bloxui:ToolbarButton name="viewDataLayout" visible="false" />
</bloxui:toolbar>
...
</blox:present>
</body>
</HTML>

Example 2: Adding a custom toolbar

This example creates a Toolbar called “myToolbar” (name="myToolbar") with a display name of “My Toolbar” (title="My Toolbar").

This example demonstrates:

the use of the positionBefore attribute to specify the toolbar position.
the use of absolute and relative URLs to specify the Image URLs.
the use of the <bloxui:ClientLink> nested tag to specify a URL when the toolbar button is clicked.

The menu bar will automatically reflect this new toolbar in its View -> Toolbar... menu option.

<%@ taglib uri="bloxtld" prefix="blox"%>
<%@ taglib uri="bloxuitld" prefix="bloxui"%>

<HTML>
<head>
   <blox:header />
</head>

<body>
<blox:present id="myPresentBlox" width="700" height="500" >
   <blox:data dataSourceName="TBC" useAliases="true"
      query="<SYM <ROW(Product) <ICHILD Product <COLUMN(Year, 
         Scenario) Qtr1 Qtr2 <CHILD Scenario Sales !" />

   <bloxui:toolbar name="myToolbar" title="My Toolbar" 
      visible="true" positionBefore="navigationToolbar">

      <bloxui:ToolbarButton name="option1" title="mail" 
         themeBasedImage="false" 
         ImageURL="http://myserver/myApp/email.gif" 
         tooltip="Check email alerts">
         <bloxui:ClientLink link="emailAlerts.JSP" 
            target="mywindow"
            features="toolbar=no,status=no" />
      </bloxui:ToolbarButton>

      <bloxui:ToolbarButton name="option2" title="Stocks" 
         themeBasedImage="false" ImageURL="../money.gif" 
         tooltip="Today's Stocks">
         <bloxui:ClientLink link="http://www.my.com/app/file.JSP" 
            target="mywindow" />
      </bloxui:ToolbarButton>

      <bloxui:ToolbarButton name="option3" title="KPI" 
         themeBasedImage="false" ImageURL="/myApp/lookup.gif" 
         tooltip="Show KPI" >
         <bloxui:ClientLink link="JavaScript:myLookupFunction()" 
            target="mywindow" />
      </bloxui:ToolbarButton>

      <bloxui:ToolbarButton separator="true" 
         positionBefore="option1" />
   </bloxui:toolbar>

</blox:present>

</body>
</HTML>