Data Display Widget Embedding

Data Display Widget embedding how-to

Overview
This page presents markup and interface calls to embed a Data Display Widget object in a web page.

See Data Display Widget Technology for details on the technical implementation of the widget.

Usage
See Supported File Types and Size for a listing of the data content types currently supported for display by the widget.

The data file deposited with Dryad DOI  may be viewed in an HTML page by adding two elements to the page:

<!DOCTYPE html> ... ...
 * a "wapper" element, below, used to contain and dimension the widget
 * a Javascript call used to retrieve and inject the widget

...

 ...

Configuration
A call to the widget interface using loader.js requests Dryad content associated with the provided Dryad DOI and passes parameters identifying the requester and the element in the body to contain the widget. No other parameters are recognized by the Display Widget interface.

The size and layout of a displayed widget is constrained by the enclosing element, as done above by using a @style attribute. The widget has been implemented to fill its enclosing space completely, and has been implemented to adjust its layout (buttons on side or buttons on bottom) according to the width provided to the widget.

Please see the widget preview page for an interactive preview of Dryad content that allows adjusting widget dimensions.