The first part of the tutorial illustrates the use of the Client Framework 2 common components such as the slide view component, templates, buttons or event handlers.
The first part of the tutorial illustrates the use of the Client Framework 2 common components such as the slide view component, templates, buttons or event handlers.
The following page presents weather conditions for three different cities.
The page consists of the following elements:
-
The title of the page.
-
The search bar is provided by the Search Bar component. The input field expands or contracts depending upon the width of the screen.
-
Weather conditions are presented by the Slide View component combined with the client-side templating mechanism. The data is provided in the JSON format using AJAX. The cf2:TimerQueue component allows to periodically change the presented data.
-
The ? About this page link opens a popup which contains a list of components used to create the presented page. The popup is built using the Box, Button and cf2:OnEventHandler components.
-
Finally, there is the footer and copyright content.
The next few modules will provide information about the slide view component, its model and renderer, and the client-side templating mechanism. Then, we will create a custom slide indicator, add AJAX support, the popup, and the search bar.