summaryrefslogtreecommitdiff
path: root/demos
diff options
context:
space:
mode:
Diffstat (limited to 'demos')
-rwxr-xr-xdemos/tizen-winsets/widgets/entry.html5
-rw-r--r--demos/tizen-winsets/widgets/popupwindow/popup.html122
2 files changed, 66 insertions, 61 deletions
diff --git a/demos/tizen-winsets/widgets/entry.html b/demos/tizen-winsets/widgets/entry.html
index 2c594218..846cbf14 100755
--- a/demos/tizen-winsets/widgets/entry.html
+++ b/demos/tizen-winsets/widgets/entry.html
@@ -1,6 +1,11 @@
<!DOCTYPE html>
<html>
<div data-role="page" class="type-interior" data-add-back-btn="true">
+ <style type="text/css">
+ label.ui-input-text {
+ width: 20%
+ }
+ </style>
<div data-role="header" >
<h1>Entry</h1>
</div><!-- /header -->
diff --git a/demos/tizen-winsets/widgets/popupwindow/popup.html b/demos/tizen-winsets/widgets/popupwindow/popup.html
index d357cdc9..a289ddc9 100644
--- a/demos/tizen-winsets/widgets/popupwindow/popup.html
+++ b/demos/tizen-winsets/widgets/popupwindow/popup.html
@@ -17,24 +17,24 @@
</div>
<div class="content" data-role="content">
<ul data-role="listview" data-icon="1line-textonly">
- <li><a href="#center_info" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center info popup</a></li>
- <li><a href="#center_title" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title popup</a></li>
- <li><a href="#center_basic_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 1 button popup</a></li>
- <li><a href="#center_basic_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 2 button popup</a></li>
- <li><a href="#center_basic_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 3 button popup</a></li>
- <li><a href="#center_title_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 1 button popup</a></li>
- <li><a href="#center_title_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 2 button popup</a></li>
- <li><a href="#center_title_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 3 button popup</a></li>
- <li><a href="#center_button_vertical" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_button vertical</a></li>
- <li><a href="#center_checkbox" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_checkbox</a></li>
- <li><a href="#center_liststyle_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 1 button popup</a></li>
- <li><a href="#center_liststyle_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 2 button popup</a></li>
- <li><a href="#center_liststyle_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 3 button popup</a></li>
+ <li><a href="#center_info" data-inline="true" data-rel="popup" data-position-to="window">Center info popup</a></li>
+ <li><a href="#center_title" data-inline="true" data-rel="popup" data-position-to="window">Center title popup</a></li>
+ <li><a href="#center_basic_1btn" data-inline="true" data-rel="popup" data-position-to="window">Center basic 1 button popup</a></li>
+ <li><a href="#center_basic_2btn" data-inline="true" data-rel="popup" data-position-to="window">Center basic 2 button popup</a></li>
+ <li><a href="#center_basic_3btn" data-inline="true" data-rel="popup" data-position-to="window">Center basic 3 button popup</a></li>
+ <li><a href="#center_title_1btn" data-inline="true" data-rel="popup" data-position-to="window">Center title 1 button popup</a></li>
+ <li><a href="#center_title_2btn" data-inline="true" data-rel="popup" data-position-to="window">Center title 2 button popup</a></li>
+ <li><a href="#center_title_3btn" data-inline="true" data-rel="popup" data-position-to="window">Center title 3 button popup</a></li>
+ <li><a href="#center_button_vertical" data-inline="true" data-rel="popup" data-position-to="window">Center_button vertical</a></li>
+ <li><a href="#center_checkbox" data-inline="true" data-rel="popup" data-position-to="window">Center_checkbox</a></li>
+ <li><a href="#center_liststyle_1btn" data-inline="true" data-rel="popup" data-position-to="window">Center_list style 1 button popup</a></li>
+ <li><a href="#center_liststyle_2btn" data-inline="true" data-rel="popup" data-position-to="window">Center_list style 2 button popup</a></li>
+ <li><a href="#center_liststyle_3btn" data-inline="true" data-rel="popup" data-position-to="window">Center_list style 3 button popup</a></li>
</ul>
<!-- text only -->
- <div id="center_info" data-role="popupwindow" data-style="center_info">
- <div data-role="text"> <p>
+ <div id="center_info" data-role="popup" class="center_info">
+ <div class="ui-popup-text"> <p>
Pop-up dialog box, a child
window that blocks user inter-
act to the parent windows
@@ -42,11 +42,11 @@
</div>
<!-- popup title-text -->
- <div id="center_title" data-role="popupwindow" data-style="center_title">
- <p data-role="title">
+ <div id="center_title" data-role="popup" class="center_title">
+ <p class="ui-popup-title">
Popup title
</p>
- <p data-role="text">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
@@ -54,38 +54,38 @@
</div>
<!-- popup basic+text+1button -->
- <div id="center_basic_1btn" data-role="popupwindow" data-style="center_basic_1btn">
- <p data-role="text">
+ <div id="center_basic_1btn" data-role="popup" class="center_basic_1btn">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup basic+text+2button -->
- <div id="center_basic_2btn" data-role="popupwindow" data-style="center_basic_2btn">
- <p data-role="text">
+ <div id="center_basic_2btn" data-role="popup" class="center_basic_2btn">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup basic+text+3button -->
- <div id="center_basic_3btn" data-role="popupwindow" data-style="center_basic_3btn">
- <p data-role="text">
+ <div id="center_basic_3btn" data-role="popup" class="center_basic_3btn">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Button1" />
<input type="button" value="Button2" />
<input type="button" value="Button3" />
@@ -93,47 +93,47 @@
</div>
<!-- popup title+text+1button -->
- <div id="center_title_1btn" data-role="popupwindow" data-style="center_title_1btn">
- <p data-role="title">
+ <div id="center_title_1btn" data-role="popup" class="center_title_1btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <p data-role="text">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup title+text+2button -->
- <div id="center_title_2btn" data-role="popupwindow" data-style="center_title_2btn">
- <p data-role="title">
+ <div id="center_title_2btn" data-role="popup" class="center_title_2btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <p data-role="text">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup title+text+3button -->
- <div id="center_title_3btn" data-role="popupwindow" data-style="center_title_3btn">
- <p data-role="title">
+ <div id="center_title_3btn" data-role="popup" class="center_title_3btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <p data-role="text">
+ <p class="ui-popup-text">
Pop-up dialog box, a child
window that blocks user interact
to the parent windows
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Button1" />
<input type="button" value="Button2" />
<input type="button" value="Button3" />
@@ -141,12 +141,12 @@
</div>
<!-- popup center_button_vertical -->
- <div id="center_button_vertical" data-role="popupwindow" data-style="center_button_vertical">
- <p data-role="text">
+ <div id="center_button_vertical" data-role="popup" class="center_button_vertical">
+ <p class="ui-popup-text">
File 01.jpg
already in use
</p>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Replace" />
<input type="button" value="Rename" />
<input type="button" value="Cancel" />
@@ -154,30 +154,30 @@
</div>
<!-- popup checkbox -->
- <div id="center_checkbox" data-role="popupwindow" data-style="center_checkbox">
- <p data-role="text">
+ <div id="center_checkbox" data-role="popup" class="center_checkbox">
+ <p class="ui-popup-text">
Use packet data must
be enabled to access
data service.
Change settings?
</p>
- <div data-role="check-bg">
+ <div class="ui-popup-check-bg">
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
<label for="checkbox-1">Don't ask again</label>
</div>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text" />
<input type="button" value="Text" />
</div>
</div>
<!-- popup liststyle 1 button -->
- <div id="center_liststyle_1btn" data-role="popupwindow" data-style="center_liststyle_1btn">
- <p data-role="title">
+ <div id="center_liststyle_1btn" data-role="popup" class="center_liststyle_1btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
+ <div class="ui-popup-scroller-bg" data-scroll="y">
+ <ul data-role="listview" data-icon="1line-textonly">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
@@ -189,18 +189,18 @@
<li><a href="#">List item 9</a></li>
</ul>
</div>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup liststyle 2 button -->
- <div id="center_liststyle_2btn" data-role="popupwindow" data-style="center_liststyle_2btn">
- <p data-role="title">
+ <div id="center_liststyle_2btn" data-role="popup" class="center_liststyle_2btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
+ <div class="ui-popup-scroller-bg" data-scroll="y">
+ <ul data-role="listview" data-icon="1line-textonly">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
@@ -212,19 +212,19 @@
<li><a href="#">List item 9</a></li>
</ul>
</div>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Text Button" />
<input type="button" value="Text Button" />
</div>
</div>
<!-- popup liststyle 3 button -->
- <div id="center_liststyle_3btn" data-role="popupwindow" data-style="center_liststyle_3btn">
- <p data-role="title">
+ <div id="center_liststyle_3btn" data-role="popup" class="center_liststyle_3btn">
+ <p class="ui-popup-title">
Popup title
</p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
+ <div class="ui-popup-scroller-bg" data-scroll="y">
+ <ul data-role="listview" data-icon="1line-textonly">
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 2</a></li>
<li><a href="#">List item 3</a></li>
@@ -236,7 +236,7 @@
<li><a href="#">List item 9</a></li>
</ul>
</div>
- <div data-role="button-bg">
+ <div class="ui-popup-button-bg">
<input type="button" value="Button" />
<input type="button" value="Button" />
<input type="button" value="Button" />