You should have a basic familiarity with Experience Factory and be able to create and run models.
Introduction to Using a Data Layout to implement Responsive Web Design
One of the current trends in web design is making your web pages more responsive to the environment they run on. As we all know the screen real estate for mobile phones, tables and desktop browsers are very different. So how do create pages that work well on all these devices with out having to have specific pages.
In this sample we will show how with a simple data layout template and some style sheets we can take and create a page that responds to the size of the browser widow dynamically. All of us have seen pages on the web where there is a table that has images with info related to the image and links to the info. In this sample we will display a list of our videos that are available on our wiki. The page displays the images that were posted with he videos, the titles as the info and then links to the videos and their descriptions. The base models were built using our best practices with a service provider and consumer. The consumer was built using the Data Service User Interface model wizard. This model was then changed by adding a data layout builder that references the thumbnail info data layout.