Results 1 to 2 of 2

Thread: Floating button at bottom right corner

  1. #1
    Sencha User
    Join Date
    Oct 2017
    Posts
    25
    Answers
    1

    Default Answered: Floating button at bottom right corner

    I'm using ExtJS 6.5.2 modern toolkit to create app. One of requirements is to add button that will be always visible at bottom right corner of screen, above everything else. How can i achieve this?

  2. Found an answer myself. Just need to render button to body and set absolute position in style. Example code:

    Code:
    var body = Ext.getBody();
    
    var button = Ext.widget('button', {
        text: 'Btn',
        floating: true,
        renderTo: body,
        style: 'position: absolute; bottom: 10px; right: 10px;'
    })

  3. #2
    Sencha User
    Join Date
    Oct 2017
    Posts
    25
    Answers
    1

    Default

    Found an answer myself. Just need to render button to body and set absolute position in style. Example code:

    Code:
    var body = Ext.getBody();
    
    var button = Ext.widget('button', {
        text: 'Btn',
        floating: true,
        renderTo: body,
        style: 'position: absolute; bottom: 10px; right: 10px;'
    })

Similar Threads

  1. Window Collapse and toggle pin at bottom right corner.
    By thanhtuk9acntt in forum Sencha Animator Help & Discussion
    Replies: 0
    Last Post: 3 Nov 2017, 7:22 PM
  2. How to create a circular button (not round corner button) ?
    By thisisme999 in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 31 Dec 2015, 7:26 AM
  3. How to place a floating panel in the bottom
    By pinidbest in forum Sencha Touch 2.x: Q&A
    Replies: 7
    Last Post: 30 Sep 2013, 8:07 AM
  4. Floating Panel - shifting to the top left corner
    By Jsri in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 18 Nov 2012, 7:35 PM
  5. Floating Panel at bottom of screen
    By smerny in forum Sencha Touch 1.x: Q&A
    Replies: 1
    Last Post: 24 Jan 2012, 9:57 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •