Is This Content Helpful?
We're glad to know this article was helpful.
After configuring the home page of an Open Data site, upon viewing the site, the widgets appear to overlap towards the top of the page. This overlap is not seen in the 'configuration' mode, but becomes apparent in the 'view' mode when using Chrome or Firefox.
This problem is due to the default configuration interface for creating an Open Data home page, as it is defined by a style sheet that includes page height limitations. If this page height limitation is exceeded, widgets appear to be overlapping at the top of the page. This height limitation for the main body of an Open Data page becomes apparent after one of the following:
• Adding more than eight rows of widgets
• Using the default height of the widget, or
• Having widgets that cause the height to be exceeded
The default height of a widget, when added to the page, corresponds to a total of 2 rows in the style sheet, or 208 pixels. The Open Data style sheet includes a total of 16 rows which corresponds to 1666 pixels total.
The style sheet that that defines the interface for Open Data home page configuration can be viewed from the following link: application.css
It is not possible to alter the Open Data style sheet, as it defines the template interface for all Open Data home page configurations. However, the style sheet can be overridden by altering the underlying HTML using the CODE mode, by following the steps below:
If the HTML is manually edited through CODE mode, the WIZARD mode cannot then be used.
It may be necessary to play around with the values for pixel heights to get the proper alignment.