Widget

Is it possible to change a location of the widget?

Sure. Necessary js-code is below:
1
<script>
2
window['blingerInit'] = function () {
3
var newStyles = "#blinger-launcher-iframe {bottom: 40px !important;}.blinger-channels-iframe{bottom: 136px !important;}";
4
newStyles = newStyles + ".blinger-channels-iframe.blinger-channels-iframe-mobile {bottom: 160px !important;}.blinger-invitation-iframe {bottom: 130px !important;}";
5
newStyles = newStyles + "@keyframes blinger-channels-desktop-show{0%{bottom:70px;opacity:0;}100%{bottom:136px;opacity:1;}}";
6
newStyles = newStyles + "@keyframes blinger-channels-desktop-hide{0%{bottom:136px;opacity:1;}100%{bottom:70px;opacity:0;}}";
7
$( "<style>" + newStyles + "</style>" ).appendTo( "body" )
8
};
9
</script>
Copied!
It allow changing a location of the widget vertically. Change value of bottom

Is it possible to place the widget under a custom button?

Yes, it is possible. You should place the following code under the widget's code:
1
<script>
2
window['blingerInit'] = function () {
3
document.getElementById('blinger-launcher-iframe').style.display = 'none';
4
};
5
6
var showBlinger = function () {
7
if (typeof Blinger !== 'undefined' && !Blinger.launcherWidget.isOpen) {
8
Blinger.launcherWidget.onLaunchButtonClick();
9
}
10
};
11
12
var hideBlinger = function () {
13
if (typeof Blinger !== 'undefined' && Blinger.launcherWidget.isOpen) {
14
Blinger.launcherWidget.onLaunchButtonClick();
15
}
16
};
17
</script>
Copied!
The function showBlinger is responsible for display of a channel (list of channels), the function hideBlinger hides the list.
Last modified 2yr ago