Creating a Cross Page

1. In Workbench, open your DiveTab project.

2. Right-click the /divetab/scripts folder and in the context menu, select New > DiveTab Module.

   

   The New DiveTab Module.divetab tab opens, displaying a list of area types.

3. On the Explorer pane, right-click the New DiveTab Module.divetab file, select Rename, and change the name of the file to reflect the content. For example, cross-page.divetab.

4. On the cross-page.divetabwindow, click Data Area.

   

   The basic starting code for a data area displays.

   divetab version = "0.0" { 
     data-area id = "data-area-1" { 
       sections 
     } 
   } 

5. In the basic code, change the data-area id value to reflect the content. For example, cross-page.

   

   This id is used internally in the script.

6. Within the data-area:

   • Add a title for the users.
   • Add an icon for the menu.

   

   TIP: Placing the title and icon tags before the sections block makes the script easier to organize and navigate.

7. Within the sections block, enter the cross-page script.

   TIP: If using one summary column, use the no-summary-column tag to hide the summary name. Otherwise the single value repeats on each row.

   Here is an example of a cross page.

   divetab version = "0.0" { 
     data-area id = "cross-page" { 
       title "Cross Page" 
       icon "/divetab/images/menu icons/22.png" 
       
       sections { 
         cross-page { 
           title "Cross Page Example" 
           cplan "/cplans/basic_101.cplan" 
           
           dimension "Corporate Supplier" 
           cross-dimension "Corporate Product Group" 
           
           text column = "Cost" { 
             value-format "$#,###.00" 
           } 
           text column = "Cases" { 
             value-format "#,###.00" 
           } 
         } 
       } 
     } 
   } 

   NOTE: When linked from a central or overview page, a cross page is contained in a pages block.

8. Save the file.

Link the data-area to a menu area:

1. In Workbench, navigate to the menu-area you want to add the cross page to.

2. Click the green plus sign, and select Link to External Area.

   

   NOTE: Because this file is separate from the file where it is linked, it is considered an External Area.

3. In the Select File dialog box, find and select the script for the new report page. For example, cross_page.divetab.
4. Save the project.

5. Open the DiveTab client, and select Sync.

   The DiveTab client synchronizes with the project on the server.

   

6. Select the Cross Page button. The cross page displays.

   

You can define a cross page from a Menu Area.

1. In your DiveTab project in Workbench, navigate to the menu-area you want to add the cross page to.

2. Click the green plus sign and select New Area > Data Area.

   

   A new button appears.

   

3. Under the Button Properties on the right:

   • Enter a Title for the button.
   • Enter or select an Icon for the button.

   

4. Note the Area ID value, and then click Click here to edit Area.

   NOTE: Alternatively, you can double-click the new data area button to open the location in the code.

5. Locate the data-area block in the script using the Area ID value.

   TIP: The new data area appears in the areas block.

   

   NOTE: You might need to reposition the title and icon tags above the sections tag.

6. Enter the information necessary to define the cross-page in the sections block.

   Here is an example of a cross page.

     cross-page { 
       title "Cross Page Example" 
       cplan "/cplans/basic_101.cplan" 
       
       dimension "Corporate Supplier" 
       cross-dimension "Corporate Product Group" 
       
       text column = "Cost" { 
         value-format "$#,###.00" 
       } 
       text column = "Cases" { 
         value-format "#,###.00" 
       } 
     } 

7. Open the DiveTab client, and select Sync.

   The DiveTab client synchronizes with the project on the server.

   

8. Select the Cross Page button.

   The cross page displays.

   

Here is the cross page showing the default context menus in DiveTab.

NOTE: You can view only one context menu at a time.