Chat Box Dynamic Carousel button CSS fix
# 🤝helpf
fierce-zebra-31242
06/02/2024, 1:47 PMHi all i saw couple of post which had similar issues this might help
Please refer the images for Step by step process
Main code change
/*carousel button styling*/
.bpw-card-action{
background: #325c6c
}
.bpw-card-action:hover{
color: #bddee4;
}
.bpw-card-container{
background: #dceef1;
}
https://cdn.discordapp.com/attachments/1246822545743937598/1246822546305716274/image.png?ex=665dc97b&is=665c77fb&hm=e5f0742abf0bff0dfbeeb015c703b57bd2b2dc7118f7f2d8988ab065564a6a99&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822546624479433/image.png?ex=665dc97b&is=665c77fb&hm=8418273ac4344831e1029173f294ac57df156734c4783fc11ad42833f2ad8c26&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822546960289863/image.png?ex=665dc97c&is=665c77fc&hm=26bf3864f21b937bbf5486a84a12b1e8290ba9b01e62171de66dce594beec107&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822547241041991/image.png?ex=665dc97c&is=665c77fc&hm=bb3de091df2670f0e8ffef50b8e3139615dd758d5534fa5534068c3bfc4844da&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822547597819914/image.png?ex=665dc97c&is=665c77fc&hm=5b8b871a528a891d492f28255764cd2244017d014bef590325ece07e2be905d9&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822547845287957/image.png?ex=665dc97c&is=665c77fc&hm=ca4dbb12e0620c95ad41c84090a2cdf226f8ce62e8460747f3c9a14f13a24621&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822548113592420/image.png?ex=665dc97c&is=665c77fc&hm=0ec0088f6dedebf442cff23ad1c5ceffaf80b1b93976e636ac3c7a0db8b5af83&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822548344406128/image.png?ex=665dc97c&is=665c77fc&hm=b2d6a2f7d41da8785d6ef5aee4315825d0e9efb8341ea16d6ab5f52bd67fd234&
https://cdn.discordapp.com/attachments/1246822545743937598/1246822548717441035/image.png?ex=665dc97c&is=665c77fc&hm=2994041e6ec7a77c8e899b093703d9de0b6cbb625676ec2eb883f7c9084398e6&
fierce-zebra-31242
06/02/2024, 1:50 PMNext two steps
https://cdn.discordapp.com/attachments/1246822545743937598/1246823145738866718/image.png?ex=665dca0a&is=665c788a&hm=ea38665f4c12bd4e1d65ec108fe9fca2de4a4a5484d3b448bab14c1002e1a2b9&
https://cdn.discordapp.com/attachments/1246822545743937598/1246823146032463953/image.png?ex=665dca0a&is=665c788a&hm=84da1569140008fe4a376ba024c767ccf4ef91a748b6bab9815fa464d47ec0f0&
fierce-zebra-31242
06/02/2024, 2:04 PMDynamic Carousel Code with extracting Image URL from DataTable1
let imageUrls = records.map((record) => record.ImageURL)
// Ensure the length of imageUrls matches the length of data.pages
if (imageUrls.length > data.pages.length) {
imageUrls = imageUrls.slice(0, data.pages.length)
}
// Function to create a card for each page
const createCardForPage = (page, imageUrl) => ({
type: 'card',
title: {
dynamicValue: page.PageTitle,
valueType: 'dynamic'
},
subtitle: {
dynamicValue: ' ',
valueType: 'dynamic'
},
imageUrl: {
dynamicValue:
${imageUrl}