The Responsive Design Framework Add-on (RDF Add-on)
for WebFOCUS App Studio provides responsive templates that make
it easy for you to create responsive content that automatically
adapts for display on different window sizes and devices.
You are not required to know JavaScript or CSS in order to use
the RDF Add-on. However, if you are familiar with JavaScript or
CSS, you can leverage the RDF Add-on using the grid CSS file and
a theme CSS file to further control the responsiveness and the look and
feel of content that you create using the add-on.
The RDF Add-on is designed to work with WebFOCUS App Studio Release
8.1 Version 05 and higher. The RDF Add-on will also be compatible
with future versions of App Studio. However, files created with
the RDF Add-on cannot be converted to make use of other responsive
design features in App Studio Release 8.2 and higher.
Features
Below
are some of the responsive design features that are available in
the RDF Add-on:
-
Responsive Templates. Includes
26 App Studio compatible templates that you can use to assemble
responsive dashboards or responsive InfoApps.
-
Grid-Based Positioning. Enables dynamic sizing of rows
and columns. The standard margin size between rows and columns of
panels is 20 pixels, but the margins can be changed by adjusting
the Margin property value in the Properties panel.
-
Boxed Layout. Renders contents on the page with up to
three separate break points (1200px, 600px, 300-450px) for desktop,
tablet, and smartphone screens. They are always centered, leaving
small spaces to the sides to facilitate access to the canvas.
-
Wide Layout. Contents on the page will fill up the entire
width of the screen. Break points are still enforced to allow contents
to fold as the screen becomes narrower.
-
Auto Resizing. Allows the panels to resize depending
on available screen space.
-
Content Folding. Content will reposition itself responsively
and remain whole as a screen gets smaller, instead of displaying
partial content with scroll bars.