<widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://www.samsung.com/app/Winset" version="0.1.0" viewmodes="maximized">
<access origin="*" />
<tizen:application id="samplewins.TizenWinset" package="samplewins" required_version="2.1"/>
- <tizen:privilege name="http://tizen.org/privilege/application.read" />
<icon src="icon.png"/>
<name>TizenWinset</name>
<tizen:setting screen-orientation="portrait" context-menu="enable" background-support="enable" encryption="disable" nodisplay="false"/>
.ui-demo-namecard-span-x {
color : gray;
font-size : 0.6rem;
+ text-align: center;
width: 5rem;
display: block;
white-space : nowrap;
.ui-demo-namecard-contents span.name {
color : gray;
font-size : 0.6rem;
+ text-align: center;
width: 4rem;
display: inline-block;
white-space : nowrap;
function onSuccessPopupCallback ( ori ) {
if ( ori.status === "PORTRAIT_PRIMARY" || ori.status === "PORTRAIT_SECONDARY" ) {
- $("#textbox_popup_landscape").popup("close");
- $("#go_textbox_popup a").attr("href", "#textbox_popup");
+ if( $( "#textbox_popup_landscape" ).parents( ".ui-popup-container" ).is( ".ui-popup-active" ) ) {
+ $( "#textbox_popup_landscape" ).popup( "close" );
+ }
+ $( "#go_textbox_popup a" ).attr( "href", "#textbox_popup" );
}
else if ( ori.status === "LANDSCAPE_PRIMARY" || ori.status === "LANDSCAPE_SECONDARY" ) {
- $("#textbox_popup").popup("close");
- $("#go_textbox_popup a").attr("href", "#textbox_popup_landscape");
+ if( $( "#textbox_popup" ).parents( ".ui-popup-container" ).is( ".ui-popup-active" ) ) {
+ $( "#textbox_popup" ).popup( "close" );
+ }
+ $( "#go_textbox_popup a" ).attr( "href", "#textbox_popup_landscape" );
}
-
}
function onErrorPopupCallback ( error ) {
</p>
<input type="radio" name="radio-1" id="radio-1" checked="checked" disabled="disabled" />
- <label for="radio-2">Checked, Disabled</label>
+ <label for="radio-1">Checked, Disabled</label>
<input type="radio" name="radio-2" id="radio-2" disabled="disabled"/>
- <label for="radio-3">Disabled</label>
+ <label for="radio-2">Disabled</label>
<input type="radio" name="radio-3" id="radio-3"/>
+ <label for="radio-3">Unchecked</label>
</div><!--/content-primary -->
</div>
<div class="ui-pane" id="menu" data-scroll="y">
<ul data-role="listview">
<li><a id="testSetRatio"><h2>Ratio setting</h2></a></li>
- <li><a id="testGetRatio"><h2>Current ratio</h2></a></li>
- <li><a id="testSetConents"><h2>Set contents of "Up"</h2></a></li>
- <li><a id="testGetConents"><h2>Get contents</h2></a></li>
+ <li><a id="testGetRatio" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Current ratio</h2></a></li>
+ <li><a id="testSetContents"><h2>Set contents of "Up"</h2></a></li>
+ <li><a id="testGetContents" href="#splitview_popup" data-rel="popup" data-position-to="window"><h2>Get contents</h2></a></li>
<li><a id="testFixed"><h2>Fixed / Flexible</h2></a></li>
- <li><a id="testDirection"><h2>divider: Vertical / Horizontal</h2></a></li>
+ <li><a id="testDirection"><h2>Divider: Vertical / Horizontal</h2></a></li>
<li><a id="testMaximize"><h2>Maximize "Up" / Restore</h2></a></li>
</ul>
</div>
</div>
</div>
</div>
+
+ <div id="splitview_popup" data-role="popup" class="splitview-popup">
+ <div class="ui-popup-text">
+ </div>
+ </div>
</div>
</div>
<div data-role="footer">
$( "#testGetRatio" ).bind( "vclick", function () {
var ratio = testSplitview.splitview( "option", "ratio" );
- window.alert( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
+ $( ".splitview-popup" ).text( "Up : Down = \n" + ratio[ 0 ].toFixed( 2 ) + " : " + ratio[ 1 ].toFixed( 2 ) );
});
- $( "#testSetConents" ).bind( "vclick", function () {
+ $( "#testSetContents" ).bind( "vclick", function () {
var element = $( "<div><h4>Changed \"Up\" pane</h4> Contents changed!!</div>" );
testSplitview.splitview( "pane", "#up", element );
});
- $( "#testGetConents" ).bind( "vclick", function () {
+ $( "#testGetContents" ).bind( "vclick", function () {
var contents = "",
upContents = testSplitview.splitview( "pane", "#up" ),
downContents = testSplitview.splitview( "pane", "#down" );
( ( typeof downContents === "undefined" || !downContents ) ? "" : downContents[ 0 ].outerHTML );
contents = contents.substring(0, 120) + "..." ;
- window.alert( contents );
+ $( ".splitview-popup" ).text( contents );
});
-.ui-btn-up-s .ui-icon-tabedit {
+.ui-icon-tabedit {
background-image: url(00_tab_edit.png);
}
-.ui-btn-hover-s .ui-icon-tabedit,
-.ui-btn-active.ui-btn-up-s .ui-icon-tabedit,
-.ui-btn-down-s .ui-icon-tabedit {
+.ui-btn-active .ui-icon-tabedit {
background-image: url(00_tab_edit_press.png);
}
$( "#MBTgetInputTextTest" ).on( "click", function () {
var input = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "inputText" );
- window.alert( "input String : " + input );
+ $( ".tta-popup .ui-popup-text" ).text( "Input string : " + input );
});
$( "#MBTremoveAllItemTest" ).on( "click", function () {
$( "#MBTgetSelectedItemTest" ).on( "click", function () {
var content = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "select" );
- window.alert( "Select content : " + content );
+ $( ".tta-popup .ui-popup-text" ).text( "Select content : " + content );
});
$( "#MBTselectItemTest" ).on( "click", function () {
$( "#MBTlengthTest" ).on( "click", function () {
var length = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "length" );
- window.alert( "length : " + length );
+ $( ".tta-popup .ui-popup-text" ).text( "Length : " + length );
});
$( "#MBTfocusInTest" ).on( "click", function () {
<li><a id='MBTaddItemTest'>Append Item</a></li>
<li><a id='MBTremoveItemTest'>Remove first Item</a></li>
<li><a id='MBTinputTextTest'>Input 'Hello'</a></li>
- <li><a id='MBTgetInputTextTest'>Get input text</a></li>
+ <li><a id='MBTgetInputTextTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Get input text</a></li>
<li><a id='MBTselectItemTest'>Select 1</a></li>
- <li><a id='MBTgetSelectedItemTest'>Selected item</a></li>
- <li><a id='MBTlengthTest'>Length</a></li>
+ <li><a id='MBTgetSelectedItemTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Selected item</a></li>
+ <li><a id='MBTlengthTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Length</a></li>
<li><a id='MBTfocusOutTest'>Grouping On</a></li>
<li><a id='MBTfocusInTest'>Grouping Off</a></li>
<li><a id='MBTremoveAllItemTest'>Remove All Item</a></li>
</ul>
+
+ <div id="tta_popup" data-role="popup" class="tta-popup">
+ <div class="ui-popup-text">
+ </div>
+ <div class="ui-popup-button-bg">
+ <a data-role="button" data-rel="back" data-inline="true">OK</a>
+ </div>
+ </div>
</div>
<div data-role="footer">
</div>