语言

Menu
Sites
Language
How to put 4 buttons in footer

Hello! I need a help/

I want to locate four buttons with icons in a line in a footer.

I use a such code, but it can't help me to get required footer. What i am doing wrong?

<div data-role="footer" data-position="fixed">

   <div data-role="button" class="naviframe-button" data-icon="delete"></div>
   <div data-role="button" class="naviframe-button" data-icon="plus"></div>
    <div data-role="button" class="naviframe-button" data-icon="back"></div>
   <div data-role="button" class="naviframe-button" data-icon="star"></div>
</div>

 

列表

响应

5 回复
Marco Buettner

naviframe-button is not necessary if you don't use naviframe-icons :) How looks your output currently? Maybe it helps if you use

you can try 




    • 

    • 

    • 

    •
    PS: not tested, just a idea.
    Marco Buettner

    ähm... i forgot something :d

    <data-role="footer" data-position="fixed">
<data-role="navbar">
<li><a data-role="button" data-icon="delete"></a></li>
<li><a data-role="button" data-icon="plus"></a></li>
<li><a data-role="button" data-icon="back"></a></li>
<li><a data-role="button" data-icon="star"></a></li>
<div>
<div>
    Alex Belousov

    Thanks for the solution, but it does not work.

    Buttons are located inline, but icons don't display.

    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" data-icon="delete"></a></li>
					<li><a data-inline="true" data-mini="true" data-icon="plus"></a></li>
					<li><a data-inline="true" data-mini="true" data-icon="back"></a></li>
					<li><a data-inline="true" data-mini="true" data-icon="star"></a></li>
				</ul>
			</div>
</div>

     

    Alex Belousov

    Konduri sai swathi, Thanks for the solution!