Floating button above listview

[ruchin]

Hi,

Is it possible to have a floating button in kendo mobile?I would like to have a button above a listview,so that when i scroll the listview the button does not move.

Something like the gmail mobile app, which has a floating compose mail button.

Is it possible ?If yes,can somebody tell me how to achieve it.

Thanks,

Ruchin Dayal.

[Tsvetina]

Hello Ruchin,

To display a fixed button in the bottom right corner of your app, you can define it within the app footer and then position it absolutely:

<div data-role="footer">
    <a data-role="button" id="myButton" data-icon="add"></a>
</div>

#myButton {
    position: absolute;
    top: -50px;
    right: 14px;
}

If it needs to be visible in a single view, you can define a separate Layout for this view.

You can see a basic sample in this Dojo: http://dojo.telerik.com/iNiNO.

Regards,
Tsvetina
Telerik

 

 

[ruchin]

Hi Tsvetina,

Thank you for your reply.That is exactly  what I needed.Works great!!!

Regards,

Ruchin Dayal.