start iot with jquerymobile - 기초5

9
Welcome to jQueryMobile Fundamental 5

Upload: park-jonggun

Post on 14-Jan-2017

293 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Start IoT with jQueryMobile - 기초5

Welcome to

jQueryMobile Fundamental 5

Page 2: Start IoT with jQueryMobile - 기초5

1. Table

2. Filter

3. Button

4. Grid

5. Checkbox

6. Radio button

jQueryMobile

Fundamental 5

Based on http://demos.jquerymobile.com/1.4.0/

Page 3: Start IoT with jQueryMobile - 기초5

Table jQueryMobile Fundamental 5

The reflow table mode works by collapsing the table columns into a

stacked presentation that looks like blocks of label/data pairs for

each row

Header

Content

Page 4: Start IoT with jQueryMobile - 기초5

Filter jQueryMobile Fundamental 5

The children of any element can be filtered by setting the attribute

data-filter="true" on the element. By default, the text contained in

each child is used for filtering, setting the attribute data-filtertext

Tab

Real Content

Page 5: Start IoT with jQueryMobile - 기초5

Button jQueryMobile Fundamental 5

Add classes to style a and button elements. input buttons are

enhanced by the button widget

Page 6: Start IoT with jQueryMobile - 기초5

Grid jQueryMobile Fundamental 5

Grids are 100% width, completely invisible and don't have padding or

margins without interfere Within the grid container, child elements

are assigned ui-block-a/b/c/d/e

Page 7: Start IoT with jQueryMobile - 기초5

Checkbox jQueryMobile Fundamental 5

Checkbox inputs are used to provide a list of options where more

than one can be selected. Checkbox buttons are enhanced by the

checkboxradio widget

Page 8: Start IoT with jQueryMobile - 기초5

Radio button jQueryMobile Fundamental 5

Radio inputs are used to provide a list of options where only a single

option can be selected. Radio buttons are enhanced by the

checkboxradio widget

Page 9: Start IoT with jQueryMobile - 기초5

Expand your dimension!

Let’s Start!