How can I scroll with UIB?

paige6 — Wed, 29 May 2024 15:41:16 GMT

In my UIB landing page, I have a bar graph and a list view under it. The graph is responsive in that it changes the list view upon clicking one of the bars in the graphic. I have been asked to add a scrolling mechanism that takes the user to the list upon clicking that bar element. But, I don't know how to manipulate 'document' or 'window' objects within UIB.

I need to do a scroll to when the bar graph elements are clicked, the user is automatically scrolled to the list view. i need to do this in a client script but $window/window is not available there to do a scrollTo().

Nor is "document" and I therefore cannot do this:

document.getElementById("divFirst").scrollIntoView();

location.href = "#myDiv";

Any ideas of how I might do this? I read that I could use glideForm to scroll, but I do not want to needlessly add a form to my landing page. I just want to use the window/document elements SHOULD be available to any page.

Re: How can I scroll with UIB?

Marc Mouries — Mon, 24 Jun 2024 20:30:31 GMT

I don’t think you can scroll to the bottom of the page but I think a more elegant solution would be to put the list and other components in a tab component and to change the visibility upon clicking on the data visualization.

question How can I scroll with UIB? in Community Central forum

How can I scroll with UIB?

Re: How can I scroll with UIB?