Text and scrollbar on Android

Post reply

❤Follow Topic(3)

0 favourites

5 posts

From the Asset Store

Gif

Real Scrollbars

$2.49 USD

Scrollbars with FULL functionality and versatility, just like the ones you can find in AAA games!

the_procrastinator

- DriveMars
- - Joined 27 Jan, 2018
  - 2 topics • 3 posts
- 1
- 21 May, 2019
- Quote
Hi!

I'm trying to make a stories reader with some animations and diferent paths. Everything was going great, until I stumble on this problem:

On the phone (Android) this scrollbar don't appear. I'm still able to scroll the text with my finger, but the scrollbar didn't apeared.

And I really need the scrollbar, in order to help the user to see where he/she have stopped.

I've tried the text object and a fake scroll with Pin behaviour (https://www.scirra.com/tutorials/1217/custom-scrollbar-or-slider), but my text seems to be way big for the method (I would need to creat a layout with 90000px height). And the text object "crashes" and it becomes a huge black rectangule.

So, my question is: how can I place a BIG amount of text on a layout and still keep the scrollbar on a smartphone?

I'm attanching a example so you can see what I'm talking about:

https://drive.google.com/open?id=1gd0f7KO8wUGFOcIfr2WTnBD7f0knaGv7

drive.google.com/open
Thank you! :)
Tagged:

books
scrollbar
scrollbox
text
- Fengist
- - Joined 6 Nov, 2015
  - 56 topics • 610 posts
- 2
- 21 May, 2019
- Quote
Have you looked at the HTMLElement plugin?

construct.net/en/make-games/addons/190/html-element
- DriveMars
- - Joined 27 Jan, 2018
  - 2 topics • 3 posts
- 1
- 21 May, 2019
- Quote
Fengist
Hey! Thank you so much for your help!!

I'm now using the plugin you've mentioned and I'm almost there!

But now I have this problem:

The text is on a layer below, but it insists to appear above everything (even the others layers). :(

The text should be covered by the purple rectangles.

Please, see attached file:

https://drive.google.com/open?id=1UXhFxugVINAduU5ij2f7jC2IrnR9uCMK

drive.google.com/open
Thanks, mate!
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Fengist
- - Joined 6 Nov, 2015
  - 56 topics • 610 posts
- 1
- 21 May, 2019
- Quote
There's an overflow-x and overflow-y under 'inline style' you'll have to set.

It looks like the overflow-y is set to not in use or visible. Try setting the overflow-y to auto or scroll and set the overflow-x to hidden and see if that doesn't produce your expectations.

That should force the plugin to keep the text inside the element and produce a vertical scroll bar.
- DriveMars
- - Joined 27 Jan, 2018
  - 2 topics • 3 posts
- 1
- 5 Jun, 2019
- Quote
Thanks, but it also did not work. This scrollbar never appears on mobile ... :(

Well, I'll have to try other ideas.

But thanks for your support!

Oh, and I'm sorry for the belated reply! :)