语言

Menu
Sites
Language
[wearable] How to implement multiple footer buttons?

I cut and pasted the multiple footer buttons example shown on https://developer.tizen.org/development/guides/web-application/user-interface/tizen-advanced-ui/applications-circular-ui/creating-footer-buttons with wearable 2.3.2 but it only shows the "1" button and that button is at the lower left hand side and not at the bottom.

Any idea what I am doing wrong or is there a mistake in the example?

 

编辑者为: John Ixion 开 21 10月, 2017
列表

响应

1 回复
André Reus
hi 
It will be wise to use more option in wearable devices as the space is limited in these. You can use as below if you want to use 
 <div class="ui-page ui-page-active">
    	<header class="ui-header">
			<h5 class="ui-title">HRM</h5>
		</header>
		<div class="ui-content content-padding">
		
                // ignored
		</div>
	    <footer class="ui-footer ui-grid-col-2 ui-fixed" style="padding-top: 10px;">
			<a  class="ui-btn" style="font-size: small; text-align:  right;">Heart Rate</a>
			<a  class="ui-btn" style="font-size: small; text-align: left;">Back</a>
		</footer>
	</div>

Output:

To know about 'More options' visit here https://developer.tizen.org/development/guides/web-application/user-interface/tizen-advanced-ui/applications-circular-ui/implementing-more-options