I am making a chat app and found one problem, the column that I put the chat messages always scroll up to top so it is not convenient for users to see the latest message which is at the bottom.
Thunkable platform currently don’t have block to scroll down column to bottom. I searched in the community for the web viewer or web api and did not find anyone have ever made it. So I will hire a programmer to write the code for me, however he asked me for the html template from Thunkable platform so he can write Javascript from there to scroll down a column to bottom. Could you please give me the html template ?
I could be wrong but I don’t think you can control Thunkable components in that way using JavaScript. You can pass a value from JavaScript but you would have to be able to scroll a column’s contents using Thunkable property blocks after that.
@jamjureetree you need to request beta access to this element and you’ll have access to the desired functionality and tool you need to accomplish the task you desire
Oh interesting, I suppose I could try that. I do have the DVL inside of a container (Layout) so I’ll see if that works. I suspect it won’t but I’ll be happily surprised if it works.
@jared@domhnallohanlon
Could you please advise me how to request the beta access ?
Can the Scroll-to-End block be used with a column ?
Is this beta version applied for D&D or Snap to Place ? I guess it is for D&D.
I decided to use Snap to Place (although I knew that the D&D is the main development of the platform), because it has row and column so it is easy to make the layout. It also has flex and percentage size properties so it is possible to make the responsive screen, will the D&D have these things ? and when ?
I think I know what’s happening. Because I have a layout with a container and a DVL inside the container, the layout is a set length that holds the container which holds the DVL. The DVL has more items than will fit in the container. But… the layout doesn’t change at all based on the contents of the DVL. Neither does the container. So scrolling the layout or container doesn’t affect what is shown. The full layout and full container are already visible. It’s just the DVL (the only contents of the container) that needs to scroll.
So we need a feature that allows the DVL to scroll to end/start using blocks.
Could any Thunkable staff please answer my questions below ?
(I am not sure if this is the way to contact Thunkable staff ?)
Could you please advise me how to request the beta access ?
Can the Scroll-to-End block be used with a column ?
Is this beta version applied for D&D or Snap to Place ? I guess it is for D&D.
I decided to use Snap to Place (although I knew that the D&D is the main development of the platform), because it has row and column so it is easy to make the layout. It also has flex and percentage size properties so it is possible to make the responsive screen, will the D&D have these things ? and when ?
Thanks for sharing @tatiang - do you have to use the DVL here? I think you can achieve all the functionality you want using the clone blocks. Would that be an option?
@jamjureetree - these properties and components are available through the Layout component. Is that what you wanted beta access to? I believe the Layout component will be generally available by tomorrow or Thursday, so your timing is perfect.
Do you mean that it should automatically scroll to the bottom when the screen loads @Hayder?
No, I don’t have to. I just assumed that a DVL would be faster to render than cloned blocks, especially as the length gets longer. This is for a ChatGPT app so the user could potentially have dozens of DVL items as the conversation lengthens.
I might try cloning. I really like the ease of use of DVLs.
I mean we should have two options:
In design section:
If I set the column or DLV to start from end, then no need to show scrolling when the screen opens. It starts from the end normally.
In block section:
If I set it in block, then users can see it scrolling.
Also we need an option to hide loading icon. So it loads without showing the icon.
