Languages

Menu
Sites
Language
Icons are not shown

Hello everyone,

I am trying to run this code snippet into a web application:

=======================================================

<div data-role="footer" data-position="fixed">
            
            <div data-role="button" data-inline="true" onclick="goletf()" data-icon="arrow-l"></div>
            <div data-role="button" data-inline="true" onclick="goup()" data-icon="arrow-u"></div>
            <div data-role="button" data-inline="true" onclick="validpos()" data-icon="check"></div>
            <div data-role="button" data-inline="true" onclick="godown()" data-icon="arrow-d"></div>
            <div data-role="button" data-inline="true" onclick="goright()" data-icon="arrow-r"></div>
            
        </div>

=======================================================

 

the problem is that when I run it with emulator the icons are not shown in the footer!

What should I do?

Thanks in advance.

List

Responses

2 Replies
Matt Alonso

Have you included the Tizen UI framework in that page?

konduri sai swathi

Hi ,

Try the below code :

<div data-role="footer" data-position="fixed">
    		<div data-role="navbar">
				<ul data-role="listview">
					<li><a data-inline="true" data-mini="true"
						onclick="goletf()" data-icon="arrow-l"></a></li>
					<li><a data-inline="true" data-mini="true"
						onclick="goup()" data-icon="arrow-u"></a></li>
					<li><a data-inline="true" data-mini="true"
						onclick="validpos()" data-icon="check"></a></li>
					<li><a data-inline="true" data-mini="true"
						onclick="godown()" data-icon="arrow-d"></a></li>
					<li><a data-inline="true" data-mini="true"
						onclick="goright()" data-icon="arrow-r"></a></li>
				</ul>
			</div>
</div>