dmitriy19 on Thursday, May 03 2018, 03:25 PM

Simple Floating Buttons

Need help about this modul. Why bind to a position? without a position, the button does not appear. if fixed to a position, it remains in a certain position, but must be fixed and not movable on the screen as a button to top.
Locked
The discussion has been locked.
42 responses Add Yours
       
  • Replied by admin on Thursday, May 03 2018, 03:28 PM · Hide· #1
    Hi,
    Why bind to a position?
    Because you need a module position to show a module. Could you let me know the URL of your site so I can take a look to your problem?
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Thursday, May 03 2018, 03:33 PM · Hide· #2
    http://bexhilltrading.net
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 05:53 AM · Hide· #3
    now i off button, when have time see my problem, write, i on button, thanks
  •  
  • Replied by admin on Friday, May 04 2018, 08:36 AM · Hide· #4
    Hi can you turning on the button again? I visited your website yesterday but unable to spot the issue. The button is overlapped by your chat trigger button
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 08:42 AM · Hide· #5
    what position select?
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 08:50 AM · Hide· #6
    button on for all pages, position debug
    button i not see)
  •  
  • Replied by admin on Friday, May 04 2018, 09:20 AM · Hide· #7
    Yes you can try position debug
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 09:21 AM · Hide· #8
    woooorrkkkk :D
    maybe there was a bug
  •  
  • Replied by admin on Friday, May 04 2018, 09:25 AM · Hide· #9
    Ah really? Glad to know it ;)
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 09:28 AM · Hide· #10
    position debug still not work
  •  
  • Replied by admin on Friday, May 04 2018, 09:51 AM · Hide· #11
    Hmm I can see that it's working on your site but it's overlapping with your chat button
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 09:58 AM · Hide· #12
    now other position, not debug.
    yes, need up button over chat
  •  
  • Replied by admin on Friday, May 04 2018, 10:05 AM · Hide· #13
    You can add this css :
    .label_39 {z-index:999998!important}

    But it will make your chatbox button unclickable
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 10:17 AM · Hide· #14
    i add margin top
  •  
  • Replied by admin on Friday, May 04 2018, 11:32 AM · Hide· #15
    Ah ok. Nice
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 11:35 AM · Hide· #16
    thank you too
  •  
  • Replied by admin on Friday, May 04 2018, 11:41 AM · Hide· #17
    No problem at all ;)
    If you have a time please leave the module a rating at JED https://extensions.joomla.org/extensions/extension/style-a-design/modules-panel/floating-buttons/

    Thanks;)
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 11:47 AM · Hide· #18
    ok ;)
  •  
  • Replied by admin on Friday, May 04 2018, 02:02 PM · Hide· #19
    ok ;)

    Thanks for the review but I think you forgot to give the score in the JED? the score is 0 of 100?:(
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 02:07 PM · Hide· #20
    ohhhh, sorry
    why not have 5 stars))))
  •  
  • Replied by dmitriy19 on Friday, May 04 2018, 02:18 PM · Hide· #21
    i write new rev)))
  •  
  • Replied by admin on Friday, May 04 2018, 04:34 PM · Hide· #22
    Ahh thanks dimitriy;)
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Saturday, May 05 2018, 07:27 AM · Hide· #23
    bug have in opera))))) chrome and firefox all ok
  •  
  • Replied by admin on Saturday, May 05 2018, 02:15 PM · Hide· #24
    I'm just opened your website using opera, and it looks good, no bug. Can you tell me what bug is it?
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Saturday, May 05 2018, 02:18 PM · Hide· #25
    when I point to the icon with the cursor, it automatically moves to the selected position
  •  
  • Replied by dmitriy19 on Saturday, May 05 2018, 02:20 PM · Hide· #26
    what version opera?
  •  
  • Replied by admin on Saturday, May 05 2018, 02:28 PM · Hide· #27
    The latest one, 52.0.2871.99
    Please see this attached video below
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Saturday, May 05 2018, 02:40 PM · Hide· #28
    you use macOS, i use win7 opera 52.0.2871.99
  •  
  • Replied by dmitriy19 on Saturday, May 05 2018, 02:51 PM · Hide· #29
    interested bug, yesterday not have, need more time see, i write you after few days
  •  
  • Replied by admin on Saturday, May 05 2018, 02:53 PM · Hide· #30
    interested bug, yesterday not have, need more time see, i write you after few days

    Ok;)
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by dmitriy19 on Wednesday, May 16 2018, 08:31 AM · Hide· #31
    hi, when the site is off and I'm authorized as an admin, the button is have bug
    other time all ok, thanks for you buttons, its cool
  •  
  • Replied by admin on Thursday, May 17 2018, 04:31 AM · Hide· #32
    Ah ok. Thanks for the confirmation
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by fmark on Wednesday, August 08 2018, 07:37 AM · Hide· #33
    Is there a way to have this always "open"? So to show the menu options without the need of clicking on the main button icon.
  •  
  • Replied by admin on Wednesday, August 08 2018, 02:03 PM · Hide· #34
    Hi fmark, open this file :
    ../modules/mod_floating_buttons/assets/css/style.css then modify the code as described below

    line 34-45 you will see this code

     .jfab_btns_wrapper{
        right:0;
        bottom:0;
        position:absolute;
        text-align: right;
        display:none;
        -webkit-transition: opacity 0.3s ease-in;
             -moz-transition: opacity 0.3s ease-in;
              -ms-transition: opacity 0.3s ease-in;
               -o-transition: opacity 0.3s ease-in;
                  transition: opacity 0.3s ease-in;
        pointer-events:all;
      }
    


    change that to

     .jfab_btns_wrapper{
        right:0;
        bottom:0;
        position:absolute;
        text-align: right;
        display: block;
      }


    line 45-71
    .jfab_btns_wrapper button{
        width:50px;
        height:50px;
        border-radius:100%;
        background:#e74c3c;
        margin-bottom:12px;
        margin-right:20px;
        padding:0;
        border:none;
        outline:none;
        color:#ffffff;
        font-size: 19px;
        box-shadow: 0 4px 17px 0 rgba(0,0,0,.14), 0 1px 32px 0 rgba(0,0,0,.12), 0 2px 9px -1px rgba(0,0,0,.2);
        
        transition:.6s;  
        pointer-events:all;
        cursor: pointer;
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        font-family: 'Material Icons';
      }
      .jfab_btns_wrapper .zoomin {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }


    change that to
      .jfab_btns_wrapper button{
        width:50px;
        height:50px;
        border-radius:100%;
        background:#e74c3c;
        margin-bottom:12px;
        margin-right:20px;
        padding:0;
        border:none;
        outline:none;
        color:#ffffff;
        font-size: 19px;
        box-shadow: 0 4px 17px 0 rgba(0,0,0,.14), 0 1px 32px 0 rgba(0,0,0,.12), 0 2px 9px -1px rgba(0,0,0,.2);
        
        transition:.6s;  
        pointer-events:all;
        cursor: pointer;
        font-family: 'Material Icons';
      }


    lines 115-126

      .jfab_tooltip{
        font-family: sans-serif;
        padding: 3px 8px;
        display: inline-block;
        border-radius:4px;
        font-size: 14px;
        margin: 10px 0 0 0; 
        transition:.7s;  
        transform:rotate(410deg);
        -ms-transform: rotate(410deg);
        -webkit-transform: rotate(410deg);
        margin: 10px 10px 0 0; 
    
      }


    change to

      .jfab_tooltip{
        font-family: sans-serif;
        padding: 3px 8px;
        display: inline-block;
        border-radius:4px;
        font-size: 14px;
        margin: 10px 0 0 0; 
        margin: 10px 10px 0 0; 
    
      }
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by fmark on Wednesday, August 08 2018, 02:15 PM · Hide· #35
    Thanks for your reply! I changed the codes for what you wrote but it's like nothing changed. I deleted the cache and tried to reload the site multiple times but the main icon is still there and i have to click on it to see the menu items.

    You can check the site here: http://foodhyg.hu

    And I would like to achive the attached default look.

    Attachments:

  •  
  • Replied by admin on Wednesday, August 08 2018, 02:19 PM · Hide· #36
    Hi try the attached file

    Attachments:

    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by afarkas on Thursday, November 22 2018, 06:37 PM · Hide· #37
    Hi, have the button published in debug position, but the button does not shows up...
    Any idea what to do?
    (i even modified the css by adding .label_39 {z-index:999998!important} but no change)
    Thanks

    My site is at http://attila-farkas.sk/en/
  •  
  • Replied by admin on Friday, November 23 2018, 01:42 AM · Hide· #38
    hi afarkas,
    Please try to publish under different position.
    Also I found that there's a jquery error on your website, this could be the cause of the issue.
    https://www.dropbox.com/s/yw92y3i87n6vtlk/floatingbtn.jpg?raw=1
    • afarkas - more than a month ago
      Thasnks for the reply. You think the jQuery problem comes from the cookie policy popup window? Or is there any way for me to identify where it comes from?
      Thanks :)
    • admin - more than a month ago
      The console said that the issue is something related to ExtStore. But I think it is easiest to start disabling Joomla extensions one by one, until the error disappears, to find out what extension that is causing this error
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by afarkas on Friday, November 23 2018, 03:56 AM · Hide· #39
    I will find it and kill it. Thank you much
  •  
  • Replied by afarkas on Friday, November 23 2018, 08:15 PM · Hide· #40
    Great, i found and has kill the problem... It was an old plugin i do not used anymore that caused the problem...

    I have one more question...
    Can i have this button in the top corner instead of the bottom corner... and open it down instead of up?
  •  
  • Replied by admin on Saturday, November 24 2018, 08:49 AM · Hide· #41
    Great, i found and has kill the problem... It was an old plugin i do not used anymore that caused the problem...
    Glad to know it :)

    I have one more question...
    Can i have this button in the top corner instead of the bottom corner... and open it down instead of up?
    Unfortunately you can't do that unless you change some codes of the module
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  •  
    Replied by wemo on Monday, January 03 2022, 01:03 PM · Hide· #42
    Hi there,
    in J4 i have to enable the debug mode to display the floating buttons. Do you have an idea to use an other position that works?
    Yours,
    Werner
    • admin - 3 weeks ago
      You can assign it in any other module position. It doesn't need to be published in 'debug' position.
Discussions are now locked. You will not be able to reply to this discussion