08-15-2024 03:13 PM - last edited on 08-29-2024 07:46 AM by JackLacava
Hello,
I am trying to add scroll bars to a dialog box that has 6 components.
Tried changing the layout to Horizonal and vertical stack with other settings. This did not work and also asked the one stream experts . my team and appears there is no sure way of accomplishing this. Is this possible in OneStream ?
Thank you,
Sharon
08-16-2024 04:04 AM
08-16-2024 09:05 AM
I have tried that did not work. Let me layout the design for the pop up .
The first component initially was uniform.
A0- Uniform - Contains an embedded component A2 that is a grid.
A2- Grid 6 rows 1 column each row and column are sized. The 6 embedded individual components are all grids with * row and column width.
I changed the A0 to grid with 1 row and 1 column did not work. This is a dialog window which is set to 1400 by 820.
Can you have scroll bars on a dialog window with all of these embedded components?
Sharon
08-16-2024 09:09 AM
here is an image of the pop up
08-16-2024 09:14 AM
My suggestion would be to go Grid and embed grid to grid. Uniform typically doesn't create the scrollbars unless it is more for background home page types.
Horizontal and Vertical stacks are useful for limited dimensions like headers for menu items otherwise, it will literally just stack the components adjacent one another.
08-16-2024 09:42 AM
I did change the A0 to be grid 1 row and 1 column did not work.
08-16-2024 11:01 AM
Right - that is because each Grid Component will have its own scroll bars. For the Dialogue Box to have a scroll bar, you would need that as a grid within grid (nested). Hope that makes sense.
Cheers,
A.
08-16-2024 11:15 AM
Yes that makes sense and the A0 is now a grid with 1 and 1 that contains the one embedded component A2 that is a grid with 6 components. Does not work.
08-16-2024 11:48 AM
The main dashboard A0 is set to grid with 1 row and 1 column with * for the width and height. Are any other settings needed?
08-17-2024 06:24 PM
Since you are dealing with multiple elements in your pop-up dialogue, it is difficult to further guide you without going into the details. Attached is an example of a multi-component dashboard where there is a scrollbar for the textbox component when contents exceed its set dimensions -- if this is the outcome you are looking for, happy to look at it together with you to try and pinpoint.
Feel free to DM me.
Cheers,
A.
08-19-2024 08:35 AM
I need to have the vertical and horizontal scroll bars . The bottom half has a dashboard with the three components. Add the scrollbar to that section of the page, adding to the whole window is not possible?
08-19-2024 09:41 AM
Hey if we do a Teams this will be audio only correct?
08-19-2024 04:17 PM
Hey , I did not see your last response here only in my email. I cannot do a video , won't be able to due to security not showing data. I am still getting the xml files the components only is all you need?
08-19-2024 05:30 PM
Ah -- ok. If you export the dashboard in xml, lemme take a look to see if I can triangulate your settings and advise.
So for clarity, you are looking for the text box component to have horizontal and vertical scrollbars?
08-19-2024 06:44 PM
No not the textbox the whole dialog window needs a vertical scroll bar think I stated this before due to the customers laptop window being so small they can't see the bottom at the bottom , copy billet.
08-20-2024 06:28 PM
Did you want me to send the xml I have for the dashboard?
08-20-2024 08:48 PM
Hey Sharon,
Yep - that can help be more specific.
08-21-2024 08:13 AM
Hey Alex,
Did you want me to send zip file , there are many components? I don't see an attachment option. Thanks Sharon
08-21-2024 01:12 PM
08-22-2024 09:13 AM
Hi Sharon,
Thx for sending over the zip - was easier to review your settings. Apologies if the screenshot does not look exactly like yours since components were missing and I had to re-calibrate the layout.
That said, you should be able to achieve what you are looking for by changing a few settings:
Results of changes:
Screenshot of settings to change:
See if that does the trick?
08-22-2024 11:32 AM
Hi Alex, I made the 1 and 2 changes no scrollbars showing. Which component needs to be changed to vertical?
08-23-2024 03:27 PM
#3 the dashboard component with the 6 rows - change to vertical stack.
Also, since you are on version 7.2.4, this can contribute to a different outcome since I replicated this in 7.4.2.
08-23-2024 04:59 PM
Ok will try that and let team know about the version. Thank you Alex will let you know.
08-23-2024 05:03 PM
You are most welcome. Best of luck with it.