how to have xsp-responsive-modal centered

Question

I have a very long XPage and use dialog boxes on multiple locations on it. I note that the xp:dialogbox control requires to navigate up to the xpage in order to be able to read it.

Is it possible to have it displayed (sometimes) centered?

The content (height) of the dialogs differ for each case?

Answer 1

With a bootstrap theme, the height from the top is managed via CSS, as a top margin. You can override that in your application-level stylesheet and possibly on each dialog. I don't think you can calculate the height of the dialog on-the-fly, but you should be able to identify the page height and calculate based on the approximate height you expect the dialog to be. I'm not sure if the browser will repaint if the user changes the height of the browser window, but if that is the case that's a browser restriction, not an XPages one.