Dashboard Layout

Specifies the dashboard items, their sizes, and positions as the default dashboard configuration. Currently, only the first extension registered will be used. If no extension is registered, the system uses the default template as defined in defaultLayout.js.

All dashboard cards are placed in a grid system. The default grid is 12 columns and unbounded rows. If metrics is not defined or overlaps a previous definition, then the layout system will place the card automatically.

The console will show a warning if multiple extensions are found. The extension used is non-deterministic.

Tutorial

Web Plugin

Register the plugin in a web plugin.

app.registerJavaScript("/org/visallo/examples/dashboard_layout/plugin.js", true);

Register Layout

A layout is just the extension and initial configuration metrics for the items.

visallo.registry.registerExtension('org.visallo.web.dashboard.layout', [
    {
        extensionId: 'org-visallo-examples-dashboard-item-react',
        configuration: { metrics: { x: 5, y: 0, width: 4, height: 3 } }
    },
    {
        extensionId: "org-visallo-web-notifications",
        configuration: { metrics :{ x: 9, y: 0, width: 3, height: 3 } }
    }
]);

results matching ""

    No results matching ""