Enforcing container and textbox size

Ask the community
,
1

Hi! I am trying to build a repeater, where each container has a textbox within it, that is passed data from a dataset.
I would like to keep the proportions of the repeater, so keep the size of the container box and textbox unchanged until an onClick event. The data passed to it resizes both however.
Is there any way I can set it up, so it fills up the textbox and container box with as much of the text as possible, and only “grows” once the user clicks it?
Any help is appreciated! Thank you! :slight_smile:

2

Nayeli (Code Queen) has a tutorial that might help you set all your repeaters to a standard size until needed.
https://support.totallycodable.com/en/article/limit-characters-in-a-repeater-using-wix-code
https://www.youtube.com/watch?v=bprVct9I8uw

3

Thanks! So basically call it in using code, and create a temp variable that only contains the first X number of characters, so the size wont change. Then switch it to the full text on the onClick(). You are a legend!

4

@kbendike
No not me, thanks go to Nayeli as it is her code and example. :slightly_smiling_face:

5

@givemeawhisky Except i have to agree with @kbendike … because you really are a legend by sharing my tutorials with the community :blue_heart:

By the way @kbendike , you can visit my website to see more tutorials and examples to give you other ideas on what to create … www.totallycodable.com/tutorials

I have a recent tutorial that shows how to randomize content and display it at different intervals (timed content).

6

@code-queen Great tutorial! It was exactly what i was looking for!
Looks like I’m missing something up though, because currently for the repeater element I’m manipulating, it shows only 1 data entry for all repeated items!
have you come across this before ? (The code is the one you provided in teh video, I also disconnected the element in the editor, and I even decreased the substr() function’s upper length limit to make sure it isn’t an issue with not all data items being 15 chars, but no success yet.

7

@code-queen
You are making me blush now :wink:

Your tutorials have helped me in the past when stuck, along with others connected to Wix and this forum too, so always happy to pass on yours and others tutorials where and when needed so that they can be helpful to others too.