This node provides a tile view where each data row is displayed as one tile. The view offers several
interactive features, as well as the possibility to select rows.
The node supports custom CSS styling.
You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node
configuration dialog.
You will find the list of available classes and their description on our
documentation page.
Options
General view and display options.
No. of rows to display
Use this numerical value to restrict the number of rows used for this visualization.
Title
(*)
An optional title to be displayed above the tiles. Leave blank if no title is desired.
Subtitle
(*)
An optional subtitle to be displayed above the tiles. Leave blank if no subtitle is desired.
Display row colors
Enable or disable the display of row colors. Colors can be assigned e.g. with the Color Manager node and
will be rendered as a colored stripe at the top of the respective tile.
Display column headers
Enable or disable the display of column headers. The column headers will be shown along with the cell
entries in each tile. Note that column headers are not rendered for images.
Display full screen button
Check to display a button which switches the view into fullscreen mode.
The button is only available in the KNIME WebPortal.
Fixed number of tiles per row (1-100)
If checked, the specified number of tiles will be displayed for each row. The number of tiles per row
must be between 1 and 100, inclusive. The width of these tiles will change as the window size changes,
unless "Fixed tile width" is selected (see below).
Fixed tile width (30-5000px)
If checked, each tile will have the specified width. The specified width must be between 30px and
5000px, inclusive. The number of tiles per row will vary with the window size, unless "Fixed number
of tiles per row" is selected (see above).
Select text alignment
The alignment of the text within each tile.
Choose title column
The column to use for the tile title.
Columns to display
Select the columns whose contents should be included in the tile’s contents.
Interactivity
The JavaScript Tile View allows for several ways of interactivity. Please use the options below to
configure which features will be activated on the view and further configuration of interactive
properties.
Enable pagination
Enable or disable the pagination feature globally. When disabled the table is rendered whole on one
page. When enabled use the options below to further refine the pagination settings.
Initial page size
Set the page size to be used on initial layout. A page size is defined as the number of tiles the view
displays on one page. If the page size change control is enabled the page length can be changed in the
view.
Enable page size change control
Enable or disable the control to change the page size interactively in the view.
Selectable page sizes
Define a comma-separated list of allowed page sizes for the page size control.
Add 'All' option to page sizes
When checked, an additional 'All' option will be available in the page size control.
Enable selection
If checked a checkbox is rendered in the bottom left corner of each tile. The selection, when applied,
will be represented in the output table as a new boolean column.
Subscribe to filter events
If checked, the view reacts when applied filters have been changed.
Enable 'Clear Selection' button
If checked a button is displayed above the tiles, to clear any selection that is applied, regardless of
current search and/or filter settings.
Show selected tiles only
If checked, only tiles which are selected are displayed.
Enable 'Show selected tiles only' option
If checked, a checkbox to switch on and off the mode of displaying only selected tiles is rendered in
the view.
Publish selection events
If checked, notifies other interactive views when user changes the selection in the current view. See
also "Subscribe to selection events".
Subscribe to selection events
If checked, the view reacts on notifications from other interactive views that the selection has been
changed. See also "Publish selection events".
Selection column name
The name of the boolean column containing the selection.
Formatters
The JavaScript Tile View maps the KNIME table data types to types in JavaScript. The types that can be
displayed are:
Boolean
Number (double, integer, etc.)
String
Date and Time (legacy)
Zoned Date and Time
Local Date and Time
Local Date
Local Time
PNG
SVG
All other data types will be treated as UNKNOWN types. The node tries to display them by extracting
their respective standard string representation.
If you wish to customize the format for certain data types you can use the following options. For
unknown types the formatting has to be applied in preceding nodes.
Date and Time types
Date and Time values are converted into string using the selected or entered conversion pattern as
defined by moment.js. Examples:
"dddd, MMMM Do YYYY, h:mm:ss a" formats dates like "Sunday, February 14th 2010, 3:25:50 pm"
"ddd, hA" formats dates like "Sun, 3PM"
"YYYY-MM-DDTHH:mm:ssZ" formats dates as defined by
ISO 8601.
Some valid pattern elements are:
Y: year
Q: quarter
M: month of year
W: week of year
DDD: day of year
D: day of month
d: day of week
dd: day of week (Su Mo ... Fr Sa)
a: am/pm marker
H: hour in day (0-23)
k: hour in day (1-24)
h: hour in am/pm (1-12)
m: minute in hour
s: second in minute
S: millisecond
z: Time zone (EST CST ... MST PST)
Z: Time zone (offset)
X: unix timestamp
Localized formats:
LT: Time (e.g. 8:30 PM)
LTS: Time with seconds (e.g. 8:30:25 PM)
L: Month numeral (0 padded), day of month (0 padded), year (e.g. 09/04/1986)
l: Month numeral, day of month, year (e.g. 9/4/1986)
LL: Month name, day of month, year (e.g. September 4 1986)
ll: Month name (short), day of month, year (e.g. Sep 4 1986)
LLL: Month name, day of month, year, time (e.g. September 4 1986 8:30 PM)
lll: Month name (short), day of month, year, time (e.g. Sep 4 1986 8:30 PM)
LLLL: Month name, day of month, day of week, year, time
(e.g. Thursday, September 4 1986 8:30 PM)
llll: Month name (short), day of month, day of week (short), year, time
(e.g. Thu, Sep 4 1986 8:30 PM)
For printing an arbitrary string, wrap the string in square brackets, e.g. '[today] dddd'.
Locale
The locale which is used to render all date/time cells.
Local Date format
A global format, which is applied to all locale date cells. To format the string the framework moment.js
is used.
Local Date & Time format
A global format, which is applied to all local date/time cells. To format the string the framework
moment.js is used.
Local Time format
A global format, which is applied to all local time cells. To format the string the framework moment.js
is used.
Zoned Date & Time format
A global format, which is applied to all zoned date/time cells. To format the string the framework
moment.js is used.
Date & Time (legacy) format
A global format, which is applied to all date/time (legacy) cells. To format the string the framework
moment.js is used.
Enable global number format (double cells)
If checked the option beneath will be applied to all columns of type Double.
Decimal places
If number format is enabled use this value to restrict the display of decimal places for double columns
in the tile view.
Display missing value as red question mark
If checked, a missing value in the tile view is represented by a red question mark. Otherwise, an empty
cell is shown.
Interactive View: JavaScript Tile View
Tile view
Input Ports
Input table to display.
Output Ports
Data table containing the input data appended with a column, that represents the selection made in the tile
view.
To use this node in KNIME, install
KNIME JavaScript Views
from the following update site:
KNIME 4.3
A zipped version of the software site can be downloaded
here.
You don't know what to do with this link? Read our
NodePit Product and Node Installation Guide
that explains you in detail how to install nodes to your KNIME Analytics
Platform.
Wait a sec! You want to explore and install nodes even
faster? We highly recommend our
NodePit for KNIME
extension for your KNIME Analytics Platform. Browse NodePit from
within KNIME, install nodes with just one click and share your
workflows with NodePit Space.
Developers
You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.
Contact
Do you have feedback, questions, comments about NodePit, want to support this platform, or want your own nodes or workflows listed here as well?
Do you think, the search results could be improved or something is missing?
Then please get in touch! Alternatively, you can send us an email to mail@nodepit.com,
follow @NodePit on Twitter,
or chat on Gitter!
Please note that this is only about NodePit. We do not provide general support for KNIME — please use the KNIME forums instead.