Floating button above listview

Thread is closed for posting
3 posts, 1 answers
  1. ruchin
    ruchin avatar
    36 posts
    Member since:
    Jun 2015

    Posted 21 Mar 2016 Link to this post


    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.


    Ruchin Dayal.

  2. Answer
    Tsvetina avatar
    2481 posts

    Posted 23 Mar 2016 Link to this post

    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>
    #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.


    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

  3. ruchin
    ruchin avatar
    36 posts
    Member since:
    Jun 2015

    Posted 01 Apr 2016 in reply to Tsvetina Link to this post

    Hi Tsvetina,

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


    Ruchin Dayal.

Back to Top