How can I scroll with UIB?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-29-2024 08:41 AM
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();
or
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.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2024 01:30 PM
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.