ShowTable of Contents
You should be familiar with Web Experience Factory and Data Layouts and be able to create and run models.
Introduction to Using the new Multichannel Responsive Data Layouts originally provided with the Feature Pack for Web Experience Factory 8
In this article we will talk about the data layouts that we updated for Web Experience Factory based on the feature pack. These layouts are designed to work with the new responsive theme for portal 22.214.171.124 or beyond and the new Web Experience Factory theme defined in the 8.5 release. Some of these layouts require the new portal 126.96.36.199 theme, but others are designed for stand alone use as well and can be used on any portal theme. These layouts improve performance, improve ease of use and are easier to customize than the existing data layouts that we provide.
The performance enhancements of the new data layouts are achieved by including styles used in common layouts to our themes base style sheet. This improves the loading time of the portal pages by having fewer server requests for the style sheet files. The themes base style sheet is found here factory\html_templates\WEF8.5_uitheme.css
The Data Layout builder uses the selected style sheet (via selection by Theme or directly in the Data Layout builder) to associate a class name with an HTML wrapper element for each layout, to enable CSS selectors to identify a given layout and style association. In order to allow unique style sheet and selector class selection in the Data Layout builder, while reducing the number of style sheet requests, the Data Layout builder (as of Web Experience Factory 188.8.131.52) has been enhanced to allow selection of a pseudo-stylesheet where the filename ends in "_uitheme.css" which allows for association of a set of styles with a given layout, without triggering an additional HTTP request for that set of styles. This new implicit mechanism in Data Layout builder version 184.108.40.206 is intended for use with the new UI themes' base stylesheet, which includes all of the styles for the most commonly used layouts, uniquely identified by a root classname association with each layout and _uitheme.css stylesheet pair.
The layouts and samples found in the referenced article have not been duplicated here but you can use this table that maps the new data layout from the one that was referenced in the article.
|Thumbnail Multi-Line List (Feature Pack for 8.0) ||Thumbnail Multi-Line List (Responsive) |
|Multi-Line List (Feature Pack for 8.0)||Multi-Line List (Responsive)|
|Content Template Catalog Style List (Feature Pack for 8.0)||Content Template Catalog Style List|
|Image with overlaid text (Feature Pack for 8.0)||Image with overlaid text|
|Responsive Thumbnails with Info (Feature Pack for 8.0)||Responsive Thumbnails with Info|
|Six Column Multi-Line List |