userdata_description long text scroll not working

[nasirkhan]

I added a paragraph of text as userdata_description. But when we popup box opened the texts does not show properly. I changed a few parameter in the skin but that did not fix the issue. I added some screenshot here.

Please help me to fix this issue.

[soulbrother]

Auto size AND scroll bar ist not the perfect combination

[Hopki]

Hi nasirkhan,
If it helps, the combinations:
Auto size on with word wrap off, text box ignores width and expands horizontally.
Auto size on with Word wrap on, the width is obeyed and the text box expands downwards, so vertically.
Auto size off and scroll bars on, the text box does not resize and as the text goes beyond the text box you will see scroll bar.

[nasirkhan]

Hi Hopki,
Thanks for your help. I found the issue. The default height for description is 20px, so the scrollbar was not appearing. But when i extended the height the scrollbar appeared.

Is there any way to make this info box responsive? like if I open this from a desktop I want larger box with larger font size and in the mobile the box and text size needed to be smaller.

[Hopki]

Hi Nasir,
What may be the simplest approach would be to find the surrounding container, in the Silhouette skin it has the ID "userdata".
In the properties of the container set scaling to say 150 x 150%, this will scale up the userdata window.

Then select the scaling logic block and set a player width condition so if the player is below 1080px set the scaling back down to 100 x 100%.
You can test different initial values to see what you think looks best on the desktop.
Note I am not using Is Mobile trigger or anything like that as this will test the screen width of the viewing device, it may be the player width needs to be set to less than "<" 1080 so on an iPad you still get the larger userdata window.

Not forgetting this is screen size and not screen resolution, so for example a 9th gen iPad screen size is 810 x 1080ps but its screen resolution is 1620 x 2160px.
So the player will use 810 x 1080px for the value.
Using the above logic block setting rotated to portrait the user data window will be 100% and in landscape, it will be 150%.
This may also be too large, so you can add a second condition to the logic block to include height,
But have a look and play with the settings.

See: https://www.ios-resolution.com

Regards,

[nasirkhan]

Thanks, this is a better approach and it worked for me.