ObjectPageLayout inside a Dialog - sapui5

Can I insert Object Page Layout (for example this https://openui5.hana.ondemand.com/explored.html#/sample/sap.uxap.sample.ObjectPageSection/preview) inside a Dialog?
If I try to do it, I see only the anchor bar, not the bottom body.

The solution is to disable scrolling on the sap.m.Dialog element to avoid the Dialog from adding content indefinitely. See https://github.com/SAP/openui5/issues/2514

Related

What is best way to add buttons or links to the ExpansionPanel without triggering a collapse?

I am using material-ui's ExpansionPanel and inside the ExpansionPanelSummary I would like to add some action items (Links or Buttons) so that users can interact with nicely to drive something inside that panel. When I added a Typography and Link under, what seems to happen is that clicking on the link will also collapse the panel (and vice-versa if it is already collapsed).
Is there a way to have the summary not collapse/expand when items inside the panel's summary are clicked?

Any links or HTML form items like button inside the Bootstrap 4 modal is unusable

I have cart icon, which when clicked loads the cart of the user in a Modal. However, any link or HTML form items like input or buttons that are within this modal are unusable. It can never be brought to focus nor clicked. I tried playing with CSS property z-index with no success.
Check site here.
Add any product to cart and then click bag/cart icon on the top right to see the issue.
Changing the pointer-events value in CSS solved the issue. wrapping the content part in an element with class modal-content is also fixing the issue as suggested in comments.

Hide Gtk::Notebook page content, without hiding the tab

I've got an unusual situation where I want to hide the content of a notebook page until the notebook tab is clicked. I basically want a state where only the notebook tabs are visible.
The problem is, if I hide a notebook page, then its tab is also hidden. I've tried forcing the height of the content to zero (using set_size_request) but that doesn't do it (because set_size_request sets the min height, not the maximum.
How can I hide the content of the pages without the tabs disappearing?
You could put it in a single-child parent widget, such as a Gtk::Alignment, and hide the child, but not the parent.
Or maybe Gtk::Stack would be simpler:
https://developer.gnome.org/gtk3/stable/GtkStack.html

Facebook like button pops up behind some elements

On my website the comment box that pops up when I press the Like button is placed behind some elements of the page and I really don't figure out how to fix it.
For 2 days I'm struggling with z-index property but no result and now I've found a solution by changing the overflow property of the parent div from hidden to visible/auto and it works! BUT I can't use this fix because that div has overflow set to hidden because I'm using the slimScroll plugin to customize the scrollbar...
This is the website, just click on any image and press the Like button to see what happens.
The right and left side of the popup are integrated in a table... I was thinking, if i remove the table and use just divs instead, the fix would be easier?
Thanks!

How to have a popup scrolling in the same way that others elements?

I can not solve my problem. As example, my website : www.mananaseguro.com.
In the home page, I have some popup appearing just under movies's poster (when the mouse is over the poster). But when I scroll UP (for example), the popup will not appear just under the poster. Their is a space between them. I tried to add the popup to the home's page panel but it did not succeed.
So is it possible to simulate the good popup behavior? (the popup must stay under the poster).
Or more precisely, is it possible to attach a DecoratedPopupPanel to another panel inside the page in order to have the popup scrolling in the same way that others elements?
Try using the PopupPanel#showRelativeTo() method.
You can achive good popup behavior by using below property.
popup.setPopupPosition(left, top)
Pass movie image x and y index position in top and left. and make consistent look and fill.