Words Getting Cutoff
# 🤝helps
silly-rainbow-4538
05/15/2024, 4:11 PMHi everyone,
When using my chatbot through a web integration, the words keep cutting off rather than going to the next line. Notice how "provide" gets split up to "p-rovide." How do I stop this from happening?
https://cdn.discordapp.com/attachments/1240335718463836231/1240335718627278869/Screenshot_2024-05-15_120940.png?ex=66463027&is=6644dea7&hm=210527f7890ce825df79ba297b0abcae15c29219d0a7db472f9bbae160128b39&
f
freezing-article-91059
05/16/2024, 8:01 PMI am suffering this same issue of the words breaking across lines in the middle of the word. I don't know what CSS to add, or exactly where to add it. @early-boots-14521 has a post on this too.
@famous-jewelry-85388, is this an easy fix?
e
early-boots-14521
05/16/2024, 8:04 PMI had to bring the whole css file to my server. I fixed it with break-word: normal. But it would be great to just link our css like in the old webchat
f
freezing-article-91059
05/16/2024, 8:08 PMfor what class did you set that attribute, like .bpw-chat-bubble?
freezing-article-91059
05/17/2024, 7:53 PMDid you use something like this @User ? I still have the attribute being overridden by a stylesheet somewhere on botpress that sets it to 'word-break: break-all'
.bpMessageContainer .bpMessageBlocksBubble,
.bpMessageContainer .bpMessageBlocksBubble p {
word-break: normal !important;
white-space: normal !important;
overflow-wrap: normal !important;
}
e
early-boots-14521
05/17/2024, 9:06 PMYes but it's not gonna work unless you host the config.js file and the style.css that the script fetches on your own domain
f
freezing-article-91059
05/17/2024, 9:41 PMthanks. I switched it back to v1 and now the word-break it's not an issue. v2 is kind of lame so far. is it still in beta?
e
early-boots-14521
05/17/2024, 9:42 PMReally? I couldnt get v1 to work for me at all anymore even!
f
freezing-article-91059
05/17/2024, 9:46 PMyeah, you need the pre-configured code, v2 and v1 are different. I didn't do that at first, but then i went back to v1, recopied my preconfigured embed script and then it reverted. (Actually, i'm finding that v0 works better with the botpress Styler and stylesheet for me. the height is controlled better)
freezing-article-91059
05/17/2024, 9:48 PMIt also took care of the issue of bottom choice buttons prevented from being selected. (another issue posted in the help: https://discord.com/channels/1108396290624213082/1240578054565400598)
e
early-boots-14521
05/17/2024, 9:51 PMI just wish they would make the web version a bit faster...
early-boots-14521
05/17/2024, 9:51 PMIt's so slow compared with other integrations
e
enough-computer-11449
05/20/2024, 3:15 PMIt worked! Thanks! Today 20/05/24 they add Additional Styles (CSS) options.
e
early-boots-14521
05/20/2024, 5:00 PMWas coming here to say this!
c
creamy-afternoon-47338
05/20/2024, 6:37 PMIm new to this tech, what is the thing that worked to fix the word wrapping? Thanks!!
e
early-boots-14521
05/20/2024, 6:50 PMAdd this in the custom css of the Webchat integration. Click see more
c
creamy-afternoon-47338
05/20/2024, 8:07 PMThanks I added the code above here in the Integrations / Additional Styles, and still getting the issue. I switched back to Classic
https://cdn.discordapp.com/attachments/1240335718463836231/1242207190379528202/image.png?ex=664cff19&is=664bad99&hm=04d5caf557a3f1723b67fd311780c72f89b9f58add073399011ecc255d808550&
e
early-boots-14521
05/20/2024, 8:14 PMHmm sorry I will check out what I did exactly I'm not home now
early-boots-14521
05/21/2024, 1:30 PMHere
c
creamy-afternoon-47338
05/23/2024, 1:42 AMThat worked!! Thank you so much!!
49 Views