<div class="content-primary">
<div class="my-check-button-style"><a id="check-1" data-role="button" data-inline="true">Check/UnCheck</a></div>
<div class="my-check-button-style my-check-inline-style"><a id="get-check-value" data-role="button" data-inline="true">Get Check Value</a></div>
- <p>First checkbox check value :
+ <p>First checkbox check value : <br>
<span class="checked-value">
<em>(click the button! )</em>
</span>
</span>
</p>
<hr/>
- <fieldset data-role="controlgroup">
+ <fieldset data-role="controlgroup" class="my-check-controlgroup">
<input type="checkbox" name="checkbox-1" id="checkbox-1"/>
<label for="checkbox-1">Normal</label>
<input type="checkbox" name="checkbox-2" id="checkbox-2" checked="checked" disabled="disabled" />
<label for="checkbox-2">Checked, Disabled</label>
<input type="checkbox" name="checkbox-3" id="checkbox-3" disabled="disabled" />
- <label for="checkbox-3">Disabled</label>
+ <label for="checkbox-3">Disabled</label><br>
<input type="checkbox" name="checkbox-4" id="checkbox-4" class="favorite" />
<label for="checkbox-4">Favorite</label>
<input type="checkbox" name="checkbox-5" id="checkbox-5" checked="checked" disabled="disabled" class="favorite" />
<label for="checkbox-5">Favorite Checked, Disabled</label>
<input type="checkbox" name="checkbox-6" id="checkbox-6" disabled="disabled" class="favorite" />
- <label for="checkbox-6">Favorite, Disabled</label>
+ <label for="checkbox-6">Favorite, Disabled</label><br>
<input type="checkbox" name="checkbox-7" id="checkbox-7" />
<input type="checkbox" name="checkbox-8" id="checkbox-8" />
</fieldset>
}
.my-check-inline-style {
display: inline;
+}
+
+.my-check-controlgroup div.ui-checkbox {
+ margin-top : 3px;
+ margin-bottom : 3px;
}
\ No newline at end of file
<li><a href="#" data-rel="back">Add to contact</a></li>
<li><a href="#" data-rel="back">Call log</a></li>
<li><a href="#" data-rel="back">Music</a></li>
- <li><a href="#" data-rel="back">File manager</a></li>
- <li><a href="#" data-rel="back">Internal Link</a></li>
</ul>
</div>
</div>
}
.ui-demo-namecard-contents span {
- font-style : italic;
color : #666;
border-bottom : 1px dashed;
margin-top: 0rem;
.ui-demo-namecard-span-x {
color : gray;
- font : normal 0.6rem Georgia, serif !important;
-
+ font-size : 0.6rem;
width: 5rem;
display: block;
white-space : nowrap;
.ui-demo-namecard-contents span.name {
color : gray;
- font : normal 0.6rem Georgia, serif !important;
+ font-size : 0.6rem;
width: 4rem;
display: inline-block;
white-space : nowrap;
.ui-demo-namecard-list-contents span{
left : 9.6rem;
font-weight : normal;
- font-size : 0.9rem;
+ font-size : 0.8rem;
color : gray;
padding-top : 1rem;
- font-family: Helvetica, Arial, sans-serif;
margin-top: 0rem;
}
<li><a href="#" data-rel="back">Add to contact</a></li>
<li><a href="#" data-rel="back">Call log</a></li>
<li><a href="#" data-rel="back">Music</a></li>
- <li><a href="#" data-rel="back">File manager</a></li>
- <li><a href="#" data-rel="back">Internal Link</a></li>
</ul>
</div>
</div>
<li><a href="#" data-rel="back">Add to contact</a></li>
<li><a href="#" data-rel="back">Call log</a></li>
<li><a href="#" data-rel="back">Music</a></li>
- <li><a href="#" data-rel="back">File manager</a></li>
</ul>
</div>
</div>
$("#textbox_popup").popup("close");
return false;
});
+
+ if ( $.tizen.__tizen__.util.isMobileBrowser() ) {
+ var direction = window.screen.orientation;
+ if ( direction === "landscape-primary" || direction === "landscape-secondary" ) {
+ $( "#go_textbox_popup a" ).attr( "href", "#textbox_popup_landscape" );
+ }
+ }
});
function onSuccessPopupCallback ( ori ) {
</div>
<div data-role="footer">
- <a href="#pop_js" data-role="button" data-icon="naviframe-more" data-rel="popupwindow"></a>
+ <a href="#pop_js" data-role="button" data-icon="naviframe-more" data-rel="popup"></a>
- <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
+ <div id="pop_js" data-role="popup" >
<ul data-role="listview">
- <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Internal Link</a></li>
+ <li><a href="#" data-rel="back">Settings</a></li>
+ <li><a href="#" data-rel="back">Add to contact</a></li>
+ <li><a href="#" data-rel="back">Call log</a></li>
+ <li><a href="#" data-rel="back">Music</a></li>
</ul>
</div>
<div data-role="tabbar">
<li><a href="#"class="ui-btn-active">MENU</a></li>
<li><a href="#">SAVE</a></li>
<li><a href="#">SHARE</a></li>
-
</ul>
</div>
</div>
</div>
<div data-role="footer">
- <a href="#pop_js" data-role="button" data-icon="naviframe-more" data-rel="popupwindow"></a>
+ <a href="#pop_js" data-role="button" data-icon="naviframe-more" data-rel="popup"></a>
- <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
+ <div id="pop_js" data-role="popup">
<ul data-role="listview">
- <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
- <li><a href="#" class="ui-btn-ctxpopup-close">Internal Link</a></li>
- </ul>
-
+ <li><a href="#" data-rel="back">Settings</a></li>
+ <li><a href="#" data-rel="back">Add to contact</a></li>
+ <li><a href="#" data-rel="back">Call log</a></li>
+ <li><a href="#" data-rel="back">Music</a></li>
+ </ul>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">BACK</a>