Need html template to write Javascript code to scroll down column to bottom

Questions about Thunkable
1

Hi Thunkable staffs,

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 ?

2

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.

3

The data viewer blocks do have a scroll to end, don’t they?!

1 Like
4

Screenshot 2023-05-11 at 06.22.41
Screenshot 2023-05-11 at 06.22.411582×438 35.8 KB

Are you thinking of the Layout blocks @jared? :wink:

1 Like
5

That’d be it!!! Thank you for clarifying.

@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

1 Like
6

Can we have those for Data Viewer Lists? :grinning:

2 Likes
7

Do you have access to Layouts @tatiang?

I haven’t tried it, but I’d imagine if you put the DVL inside a Layout (or container) that would work :crossed_fingers:

8

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.

9

I set the container to Scroll to End and it didn’t change the display at all if I was viewing the middle of the DVL contents.

10

That’s a shame - was it just a regular data viewer item or are you using a custom layout in there or anything?

11

It’s a custom layout.

12

@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 ?

13

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.

14

Interesting…can you send me a screenshot of what your DVL looks like (either here or via PM please!) @tatiang ?

Thanks!

15

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 ?

16

Link to private project: Thunkable

Preview:

image
image814×1402 79.7 KB

Component tree:

image
image450×512 24.1 KB

1 Like
17

It should be set in design section as well because we don’t want users to see DLV or Column scrolling while initializing.

I hope we can see this request in the next release.

1 Like
18

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?

19

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.

20

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.

1 Like