2D Screen UI Issues

Help & Support
#1

Hi, i made a scrollbar on a 2D screen space, with also the orbitCamera script. when i scroll down the scrollbar, the camera scripts works along with the input. how do i detect or make the camera not move when im scrolling through on the screen?

also, regarding scrollview, in the editor the text gets cut off in the viewport, but when in debug play, the texts doesnt get cut off, it just moves up.

appreciate any help.

#2

Hi @bestdenki7,

you could disable your camera-look-script when the Scrollview is active.

#3

sorry but how do i check if scrollview is active- you mean like if the 2d desc box with the scroller is active on screen?

#4

Can you provide an example project if this issue or link to your project please?

#5

Correct.

You could attach a script to to the Scrollview to disable the Cameralook:

var cam = this.app.root.findByName("Camera");
cam.script.lookCamera.enabled = false;
#6

https://playcanvas.com/editor/scene/989888

Both issues with camera and scrollview

#7

The vertical scroll overflow I believe is due to an entity in the hierarchy not having an Element component:

image
image712×980 93.1 KB

(Panel) YJP Description

#8

im not sure what you mean, do i have to add the element component to an entity in there? if so, where should i have it at-

#9

The entity (Panel) doesn’t have an Element component. You will need to add one and probably use type Group.

I’ve seen things not working fully when something in the Entity hierarchy doesn’t have an Element component.