Languages

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?

 

Edited by: John Ixion on 21 Oct, 2017
List

Responses

1 Replies
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