.bp-widget-side not working as intended
# 🤝helpr
refined-city-56591
03/14/2024, 8:48 AMsome context, I'm trying to Integrate botpress to my webpage using the Configurable option since I wanted to modify some sepected of the display. I wanted to the chatbot box to fill the whole page. I had been told that adjusting the size using this (bp-widget-side) would accomplish what i wanted. but after I implemented it nothing changed.
I did not put the "stylesheet" in since I wanted to be the styling in the header secition.
here is my code. if anyone is curious
Copy code
<style>
.bp-widget-side
{
width: 100vw !important;
height: 100vh !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
border: none !important;
border-radius: 0 !important;
overflow: hidden !important;
}
<\style>
<body>
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script>
window.botpressWebChat.init({
"composerPlaceholder": "Chat with bot",
"botConversationDescription": "This chatbot was built surprisingly fast with Botpress",
.
.
.
});
window.botpressWebChat.onEvent(
function () {
window.botpressWebChat.sendEvent({ type: "show" });
},
["LIFECYCLE.LOADED"]
);
</script>
</body>f
fresh-fireman-491
03/14/2024, 8:50 AMPretty sure that that code should be working, but you do also have to set the height and width of the chatbot window in the stylesheet. That only allows it to be fullscreen, it won't make it fullscreen
r
refined-city-56591
03/14/2024, 8:54 AMso there is limite on the width of the bot?
f
fresh-fireman-491
03/14/2024, 8:59 AMYes but you set that to be 100% of the viewport width so not anymore. But you just changed the limit, not the actual size of the window.
r
refined-city-56591
03/14/2024, 9:05 AMsince I intended it to fit phone screen, I wanted the width and height to ajust according to the screen size
refined-city-56591
03/14/2024, 9:08 AMI currently testing it on windows and it only show the height is at VH while width is at a quarter of the page
f
fresh-fireman-491
03/14/2024, 9:09 AMPretty sure it automatically fits the phone screen
fresh-fireman-491
03/14/2024, 9:09 AMWould recommend you to test it
18 Views