Where to Add Links

Links can be added to all page types. Typically, if a cell or column is shaded light blue, a link is present.

Links can be added to these page elements:

alert column
bar column
bullet column
column column
line column
text
text column

Tables, including tabular pages, and grids use alert column, bullet column, text, and text column attributes for links.

Charts, depending on the type, use either the bar, column, or line column attributes for links.

Here is an example of an overview page with a table, grid, and pie chart elements that use links.

Here is how the overview page appears in the code, including the elements block.

  sections { 
    
    overview-page { 
      title "Linking" 
      cplan "/cplans/basic_101.cplan" 
      
      tab "Grid 3" { 
        screen { 
          layout { 
            vsplit { 
              spacer percent = 1 
              hsplit percent = 34 { 
                spacer percent = 1 
                element id = "table" percent = 98 
                spacer percent = 1 
              } 
              line percent = 2 
              hsplit percent = 62 { 
                spacer percent = 1 
                element id = "links" percent = 19 
                element id = "pc-chart" percent = 80 
              } 
              spacer percent = 1 
            } 
          } 
        } 
      } 
      
      elements { 
        
        table id = "table" { 
          dimension "Corporate Supplier" 
          text column = "Cost" 
          text column = "Net Sales" 
          text column = "Cases" { 
            link { 
              page id = "rp-1" 
            } 
          } 
          text "Supplier" { 
            link { 
              diveport { 
                url "https://docs.dimins.com/diveport-docs" 
                page "fed45dc0-0340-463b-9362-786a8b66a0d2" 
              } 
            } 
            width 100 
          } 
          
          alert "Alert" { 
            alert-style "triangle" 
            value column = "Cases" 
            low-threshold 30000 
            high-threshold 50000 
            middle-color "transparent" 
            width 60 
            link { 
              page id = "rp-2" 
            } 
          } 
          
          bullet "9L Cases" column = "9 Liter Cases" { 
            link { 
              page id = "rp-3" 
            } 
            background-color "d2ede9" 
          } 
        } 
        
        grid id = "links" { 
          row 
          row { 
            text "Dimins" { 
              link { 
                web-page "https://www.dimins.com" 
              } 
            } 
          } 
          row 
          row { 
            text "Blog" { 
              link { 
                web-page "https://www.dimins.com/blog-home-page/" 
              } 
            } 
          } 
          row 
          row { 
            text "Login" { 
              link { 
                web-page "https://www.dimins.com/signin/" 
              } 
            } 
          } 
        } 
        
        pie-chart id = "pc-chart" { 
          title "Pie Chart" 
          dimension "Vendor" 
          column column = "Cases" { 
            link { 
              page id = "rp-3" 
            } 
          } 
        } 
      } 
    } 
  }

Here is the code for the pages block, which includes DiveTab pages that the overview page links to.

  pages { 
    
    report-page id = "rp-1" { 
      title "Corporate Product Group" 
      cplan "/cplans/basic_101.cplan" 
      
      dimension "Corporate Product Group" 
      parameter "Corporate Supplier" 
      text column = "Cost" 
      text column = "Cases" 
    } 
    
    report-page id = "rp-2" { 
      title "Corporate Supplier" 
      cplan "/cplans/basic_101.cplan" 
      
      dimension "Customers" 
      parameter "Corporate Supplier" 
      text column = "Cost" 
      text column = "Cases" 
    } 
    
    report-page id = "rp-3" { 
      title "Beverage Type" 
      cplan "/cplans/basic_101.cplan" 
      
      dimension "Beverage Type" 
      parameter "Vendor" 
      text column = "Cost" 
      text column = "Cases" 
    } 
  }

NOTE: The format for the links used in the table element is the same for those used in tabular pages. The format for the links used in charts is the same for all chart types.