Floating button above listview

3 posts, 1 answers
  1. ruchin
    ruchin avatar
    33 posts
    Member since:
    Jun 2015

    Posted 21 Mar Link to this post

    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.

  2. Answer
    Tsvetina
    Admin
    Tsvetina avatar
    1874 posts

    Posted 23 Mar 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>
    </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
     

    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
    33 posts
    Member since:
    Jun 2015

    Posted 01 Apr in reply to Tsvetina Link to this post

    Hi Tsvetina,

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

    Regards,

    Ruchin Dayal.

Back to Top