Carousal UI rendering in Web Channel different from Development Environment

XO Platform APIs and SDKs
,
1

Hello,

I have made a carousal on the Web/Mobile SDK channel. It renders correctly on the Development Environment as show below.

image
image844×745 33.5 KB

But when deployed to the Web SDK channel and added to the website, the navigation buttons of the carousal appear below the carousal elements as shown below in both normal and expanded view.

Normal view:

image
image564×624 17 KB

Expanded View:

image
image982×508 20.4 KB

Why is the carousal element Rendering different from that of the Development environment? Is there a way to may it look like the one in the development environment.

Thank you in advance.

Rahul

2

Hello @rahul ,

As you are using the same bot for both “development” and “production” SDK, if there are no changes in the SDK itself, it is possible that there is a conflict with the website css where you have integrated the bot.

Please verify in browser console to confirm.