Add more bubble positions

Wishlist All-in-One Chat
1

We’d like to display floating button at the top of the screen. Currently, it’s possible to select bottom positions only. It can be achieved by this code:

.global-styles,
[class*="FloatingButton__FloatingButtonContainer-sc"] {
top: 0;
bottom: auto;
margin-top: 10px;
}

.global-styles,
[class*="Window__Container-sc"] {
bottom: auto;
top: 0;
margin-bottom: 0;
margin-top: 96px;
}

And adjusting the Vertical Offset settings, yet it could be great if you can add more positions to the widget.

1 Like
2

I noticed that the simple button (the app called Button) is responding to manually entered offset values that are outside of the slider that is offered in the menu of the settings in the app. E.g. the slider shows horizontal offset 0-200px, but if you manually type 240px, it will respond to it. Do the same with the button of the all-on-one chat, and nothing will happen. This app only responds to settings within the slider, and if you manually enter a larger number, it is ignored. How come that on one app overriding the preset slider is possible, but not on the other app.

1 Like
3

Hi @Ingrid_van_Waard :wave:

I got your point! I’ve shared your question with the devs and will let you know once any news comes up :slightly_smiling_face:

1 Like
4

Hi @Ingrid_van_Waard :wave:

Here is the code you can use:

.global-styles,
[class*="eapps-all-in-one-chat-"]
[class*="FloatingButton__FloatingButtonContainer-sc-"] {
  margin: 240px 220px;
}

.global-styles,
[class*="eapps-all-in-one-chat-"]
[class*="FloatingWindow__Container-sc-"] {
  bottom: 300px !important;
  right: 220px !important;
}

Give it a try and let me know how it worked :slightly_smiling_face:

1 Like