Focus at the bottom element on screen

Hi All, I’m currently displaying a repeating dynamic layout which has only one property placed on left and right and visible based on the visibility condition. On page load the scroll bar is showing at the top as always but as this is a Whatsapp-like application i need the chat interface to be displayed as in the 2 image and the scroll bar to be displayed at the bottom on the repeating dynamic layout. On screen load it’s coming as the image 1 but i need it as image 2 on screen load and if user needs above data he can scroll up.

@SAIPRASHANTHV - For a custom use case like a text messaging application, creating a DX Component in Constellation is a more effective approach. A DX Component allows for tailored functionality and UI, enabling seamless integration with the Constellation ecosystem while addressing specific requirements of a messaging app.

Hello @RichOren, I really appreciate the answer and would love to try. But is there any possibility to accomplish the same scenario in a lower version of pega 8.7v with design template or full section editor configurations

@SAIPRASHANTHV - When working with Theme Cosmos or UI Kit in Pega, developers have the flexibility to customize the user interface to meet specific design and functional requirements. This can be achieved by:

  • Creating custom controls tailored to unique interaction patterns.
  • Injecting custom JavaScript to extend or modify behavior beyond what is available out-of-the-box.
  • Customization, however—involves writing or modifying code (e.g., JavaScript, custom controls, CSS) to implement functionality or design that goes beyond standard configuration options. While powerful, customization can introduce complexity and should be used judiciously to maintain upgrade compatibility and performance.