Overview

This article is part two of a two part series that demostrates the Page Carousel UI pattern. In this article, the UI is modified to follow the Tizen UX Guidelines.

Page Carousel HTML Page

The html page is divided into different sections like TitleBar followed by tabbed menu, content which has images as shown in below screenshot.

TitleBar

In TitleBar, three options Videos, Receipes and Shopping are available to user for images carousel. The code for header is shown below.