Tizen UX Conversion Tutorial: Dynamic Search - Part 2

Description

This article is part two of a two part series that demostrates the Dynamic Search UI pattern. In part 2, the UI is modified to follow the Tizen UX Guidelines. This article explains how to create Dynamic Search field UI to populate the autocomplete list using Tizen platform.

Calculate Form

Overview

This article is part one of a two part series that demostrates the Calculate Form UI pattern, implemented in part 1 using jQuery. Then in part 2, the UI is modified to follow the Tizen UX Guidelines.

CalculateForm HTML Page

The CalculateForm UI pattern is an web based calculator pattern that calculates data based on user input. In this form, the buttons in the header and the footer are customized and a table view has been created, where the user can enter data, as shown in the screenshot below.