CenterView Tables Visualizing your data

1
CenterView Tables Visualizing your data

• Ken Boyer

2
Session Outline

• Table Wizard
• Basic Table structure
• Modify the Look Feel

3
Table Overview

• Table Sections have been deprecated
• Table Group is where its at!
• Section to Group conversion supported
• Table Wizard
• A table without data is just a empty grid
• Header, Footer Data view definitions
• Header and Footer rows are optional

4
Data View

• By default all the data in the datafunnel will
  become the data view

5
Header View

• You can pull rows from the data view and promote
  them to the header
• Add additional rows
• Additional rows are added before the promoted
  rows
• Add static content to additional rows
• Merge/Split cells
• Combine cells that span over rows and/or columns

6
Footer View

• You can pull rows from the data view and demote
  them to the footer
• Add additional rows
• Additional rows are added after the promoted rows
• Add static content to additional rows
• Merge/Split cells
• Combine cells that span over rows and/or columns

7
Table Wizard
Demo What do you get out of the box
8
Formatting Your Table

• By default CenterView will format the header,
  footer and data views with predetermined styles
• Title Rows, Alternating Row Color, Summary Rows
• Formatting is done through CSS classes or using
  inline CSS style definitions

9
CSS Theme Classes

• Legacy Style Definition
• table.table1 ...
• table.table2 ...

10
CSS Theme Classes

• New Style Definition
• table.table ...
• Reduced the number of styles

11
CSS Theme Classes
Demo
12
Modifying the Look Feel

• Apply tag is the table work horse
• Apply Properties dialog
• Change cell formatting
• Change cell content
• Change behavior
• Applies are
• Context sensitive
• Conditional
• Executed in order

13
Modifying the Look Feel

• Under the hood
• Name
• Test Grid
• Setup a test grid
• Keywords
• ALL
• Last Last row/column
• Condition
• Always
• IF
• Plug-in
• Application

14
Group Level Applies

• Hide
• Specify the rows/columns to be hidden

15
Group Level Applies
Demo
16
Header View Applies

• Style
• Specify the CSS stylization and content of the
  cell(s)
• Hover
• Specify the hover content
• Column Sort
• Specify the columns that are sortable and their
  sorting properties
• Corda Image
• Specify the image template file to embed into the
  cell(s)

17
Footer View Applies

• Style
• Specify the CSS stylization and content of the
  cell(s)
• Hover
• Specify the hover content
• Corda Image
• Specify the image template file to embed into the
  cell(s)

18
Header/Footer View Applies
Demo
19
Data View Applies

• Style
• Specify the CSS stylization and content of the
  cell(s)
• Hover
• Specify the hover content
• Drilldown
• Specify the drilldown properties
• Corda Image
• Specify the image template file to embed into the
  cell(s)

20
Data View Applies
Demo
21
Understanding the Data Start Row

• Header
• Enter the datasource row number where the header
  view should start
• Data
• Enter the datasource row number where the data
  view should start
• Footer
• Enter the datasource row number where the footer
  view should start
• Use a negative number to make the footer starting
  row dynamic. A negative number indicates the
  number of rows from the bottom of the datasource.
  A -1 value indicates the last row of the
  datasource.

22
Understanding the Data End Row

• Header
• Enter the datasource row number where the header
  view should start
• The header-view data-end-row should not overlap
  the data-view data-start-row
• Data
• If no footer is defined, leave this end field
  blank or use the keyword 'last' to include all
  rows. Negative values indicate the number of rows
  from the bottom of the data. (If you have 1 data
  row in the footer view than the data-end-row
  would be -2.)
• Footer
• Leave blank or use keyword last to include all
  remaining rows

23
Example 1
24
Example 2
25
Example 3
26
Additional Resources

• CD
• Corda Connection Visual Evolution 2008
• Go to portal.corda.com
• Login
• Resources
• Visual Evolution 2008
• Other VE Topics
• Meet me in the Lounge

27

• Q A

28
(No Transcript)