Carousel Display Problem
# 🤝help
s
Hey everyone, I'm currently facing two minor display issues that I hope someone can help me with. Firstly, as shown in the attached photos, the arrow of the carousel isn't displaying in full size in the first image. However, it appears correctly in the second image. Does anyone have a solution for this? Secondly, I'm looking to change the color of the 'Ouvrir' button, but I'm unsure how to do it. Any suggestions? Thanks in advance! Here's the carousel code: const createCardForProduct = (product, index) => ({ type: 'card', title: { dynamicValue:
${product.Ville}
, valueType: 'dynamic' }, subtitle: { dynamicValue:
${product.Bail} - ${product.Prix} 💰 / mois - ${product.surface} m2
, valueType: 'dynamic' }, imageUrl: { dynamicValue:
${product.Photo}
, valueType: 'dynamic' }, actions: [ { action: 'url', label: { dynamicValue: 'Ouvrir', valueType: 'dynamic' }, value: { dynamicValue:
${product.Lien}
, valueType: 'dynamic' } } ] }); const carouselItems = workflow.resultat_carousel.map((product, index) => createCardForProduct(product, index)); bp.dm.replyToEvent(event, { type: 'carousel', items: carouselItems }); https://cdn.discordapp.com/attachments/1224769146324258927/1224769146496094208/carousel1.png?ex=661eb227&is=660c3d27&hm=0bdff55657139ac240ef8968773ac8386dc0ec4606cce9922f4753ecf4f816a9& https://cdn.discordapp.com/attachments/1224769146324258927/1224769146949206066/carousel2.png?ex=661eb227&is=660c3d27&hm=63ab72c08b5125ef4e8d6c692e6a95ea7254fa9f8c50cf21220663e4fe140721&
f
Hey there, I can't see the bot that you are talking about, but check this message, if its a part of the carousel https://discord.com/channels/1108396290624213082/1108396291060408352/1223645971053936761
Can you list the steps on how to reproduce the arrow issue
s
Thanks i will look into that
The sizing of the right arrow in the first carousel isn't good; it's not fully visible within the frame. However, when I click to switch to the other carousel, the left arrow is displayed correctly. Do you have a solution for this problem ?
I am pretty sure its the first one
s
Thanks mate I will check that 😄
f
Sounds good, let me know if it works for you
s
Found the solution mate, just needed to ad : .slick-next { right: -10px; }
in the style sheet
thank for your help 😁
f
Amazing! You're welcome!
16 Views