Wsrtjtyk

I have a number of Panels which, when expanded, show the corresponding questions for that particular 'Category'

The issue I have is, say for example I answer the questions for the 1st panel, the content will scroll down, eventually hiding the panel... fair enough.

However, when I click on the Next Category (Production Area), I need to the page to scroll back up to the first question in the Category, or maybe even just display the selected category at the top of the page.

Is this possible?

Currently, the user has to continually scroll back if when they select the next Category.

you can try to use this control instead which suits your needs

https://sapui5.hana.ondemand.com/#/entity/sap.uxap.ObjectPageLayout

You can achieve it using scrollToElement()

var oPage = sap.ui.getCore().byId("pageId");//you page ID

var oList = sap.ui.getCore().byId("ListId");//element ID to which it has to scroll

if ( oPage && oList )

  oPage.scrollToElement(oList, 1000);

Execute the above code inside the panel event expand

After trying everything, this is what worked for me.

onExpand: function (oEvent) {



            if (oEvent.getParameters().expand) {

                var focusID = oEvent.getParameter("id");

                var elmnt = sap.ui.getCore().byId(focusID);

                elmnt.getDomRef().scrollIntoView(true);