Share
Report
2,567Hi,
I don't know CSS so any help would be appreciated, if you have any examples or links etc.
I'm trying to replicate the look of chat bubbles on text, basically the user enters text, the text is saved to a SP list. I display the text using HTML Text in PowerApps. Sample I created below, using a RichTextEditor as input and HTML Text to display it.
My first issue: is to get the text padding to fit the bubble.
Second issue: expand the bubble to the text size in Height (Width will be preset)
Third issue: later on I would like the conversation to look like on mobile phones, user1 has one color on the bubble, user2 has another color on the bubble.
Fourth issue: Align text and bubble to left or right depending if it's user1 or user2 who writes.
This is saved into a SP multitext column, and what ever next user writes it adds that on top of the old, meaning it's always one text if that makes any sense.
The code in the HtmlText
"<div style='background: linear-gradient(90deg, rgba(12,204,237,1) 0%, rgba(15,252,224,1) 100%);box-shadow: 1px 2px 22px 0px rgba(89,87,87,0.85);
display: flex;
margin: 20px;
width: 490px;
height: auto;
border-radius: 30px'>" & RichTextEditor3.HtmlText
&"</span> <br>"
All responses (
Answers (
