cancel
Showing results for 
Search instead for 
Did you mean: 

How to create an MenuBar that stays at the top of the browser windows?

Former Member
0 Kudos

We are trying to develop a screen in WDA. It has a menu (UI element MenuBar) at the top. Based on the menu selection it calls a WDA to display below the menu. The requirement is to have the menu bar be stationary. The bottom container (TransparentContainer) with the WDA object is allowed to scroll, but the menu on top should not move. The scrolling should be dynamic based on the browser window. The bottom WDA can have more data then can fit on the screen.

How can we make the menu stationary and the called WDA scrollable? The scroll bars should automatically update due to different browser window sizes.

Accepted Solutions (0)

Answers (2)

Answers (2)

Former Member
0 Kudos

Hi,

Thanks for your response. Our system is functioning on SAP Ver. 7.00, Service Pack 16. I do not know when or if we will be getting the upgrade to 7.01 or 7.02.

As far as separating the menu and the actual view, each menu selection leads to the loading of a different WDA view inside the TransparentContainer by dynamically linking the ViewContainerUIElement to different WDA views. The trouble here is that when the View becomes too large, we will have to scroll off to the right or down to see additional content. This results in the menu not being accessible unless we scroll back. The requirement is to have the menu stay at the top of the page no matter how the user scrolls through the secondary view container below the MenuBar element.

So far our best solution was to place an arbitrary pixel size to the TransparentContainer of the view, generating in-window scroll bars for the menu-controlled view. The MenuBar always stays visible because it is on top of the scrollable container. However, with varying screen sizes, set-pixel-size is not an ideal solution. I am hoping that there is a more elegant solution than set pixel size since % does not work with height size setting.

Are there any ways to achieve this via 7.00 layout settings? Or perhaps a method to detect browser window size? Any ideas are greatly appreciated.

Former Member
0 Kudos

Hi,

i understand. It is very difficult to manage different screen resolution dynamically. As far as i know there is no method which you can use for getting window resolution.

Former Member
0 Kudos

Hi

This seems to me a UI guidelines 2.0 implementation. In 7.02 using wda page authoring you can realize that.

1. In 7.01 , you could try with page layout (swap root UI element ).

2.You can separate the Menu and actual views into 2 views. Embed the actual view inside the Menu view using ViewUiElement Container.