Skip to main content
A
arkaprobham7746
April 10, 2024
Question

Card Layout scroll Control.

  • April 10, 2024
  • 6 replies
  • 0 views

Hello All,

My requirement is that in a chat we need to show the conversation. This conversations is shown in a card layout with height as MEDIUM. When there are too many conversations, card layout is showing the scroll. Below conversation card layout, we have a text box and a send button. Once user clicks the send button then the user text is appended in the conversation card layout which makes the layout to re-evaluate itself and the first conversation is shown. To see the latest, we need to scroll below.

Is there any way to fixed the position of scroll bar if the text is appended in the card layout?

Regards

Arka

6 replies

stefanhelzle0001
stefanhelzle0001
Brainy
April 10, 2024

No. Appian does not support any kind of scroll control.

As built such a UI, I added new messages on top.

harshitb6843
harshitb6843
April 11, 2024

I agree with Stefan. That is what I do in such situations. In some cases, to keep the UX right, I also change the text box position from bottom to top so they know the latest messages will be on the top first. 

A
adrianm8551
April 11, 2024

Yes, you can achieve the behavior you described by utilizing JavaScript to manipulate the scroll position of the conversation card layout after appending new text.

Append Text to Conversation: When the user clicks the send button, append the user's text to the conversation card layout.

Adjust Scroll Position: After appending the text, use JavaScript to adjust the scroll position of the conversation card layout to ensure that the latest conversation remains visible without the need for manual scrolling.

Scroll Adjustment Function: Write a function that scrolls the conversation card layout to the bottom whenever new text is appended. You can use methods like scrollTop or scrollIntoView to achieve this.

Call the Function After Appending Text: Call the scroll adjustment function immediately after appending the user's text to the conversation card layout. 

scratch geometry dash

venkatrea696188
venkatrea696188
April 11, 2024

Sorry it's Appian Platform Not Java script

prakhars0731
prakhars0731
April 11, 2024

I am not aware of such scenario

Terms & ConditionsAccessibility statement