paper-dialog: How to properly set backdrop overlay for stacked dialog - polymer

How do I set multiple backdrops for stacked paper dialogs?
Only the first dialog shows a backdrop. The second dialog doesn't show one
and I have set with-backdrop on both of them. How do I overlay the first dialog when the second dialog opens because I don't want the first dialog to be clickable when the second dialog opens?

Unfortunately not possible at the moment, but they seem to be working on it. See https://github.com/PolymerElements/iron-overlay-behavior/issues/124

Related

How to disable button behind <p:selectOneMenu> overlay

I have an upload area using p:fileupload with 3 buttons, Add Files, Upload and Cancel. Just above this upload area, I have a p:selectOneMenu, and when the user click on the list, the dropbox menu appears, obscuring part of the 'Add Files' button. If the user then happens to select an item that is in the area of the 'Add Files' button behind it, the window pop up letting them select a file to Add, as if the user actually presses the 'Add Files' button, and not select the item from the drop down list. Is there a way I can disable these fileupload buttons when the dropdown menu is displayed in front of it ? Thanks. Primefaces 3.5.
Can anyone please help ?
I fixed my problem by creating an overlay div and hiding the background div if the event is destined for the selectonemenu.

modal window to open when icon is clicked

I have a couple of form definitions in my main HTML file.
I would like to display these forms in a modal window, when the user performs certain action, such as click on an icon.
I have followed an article on how to do it for links (hrefs). But now my requirement is to get the same working for clicking on an icon.
Thank you,
Harriet
The answer is to write a java function, that will explicitly set the location of the window to where you want the url to point - example:
function openPreferences() {
window.location = '#openPreferences';
}
I think the most simple solution would be to create a LinkBlock Element and set the Background to the Icon's Image, which will allow you to turn it into a Link, thus further allowing you to open your Modal Window with it.. Simply create your Modal as Display None, and upon clicking the LinkBlock (with your Icon as the Background), make it change the Modal property to Display Block, etc.

Aspnet chart control goes away after close of Modalwindow

I have a page which has Usercontrol , and 2 divs (one ASPnet(bar)chart and another grid). When i click on a particular bar in the chart control,i open a page in a modal window with Chart and Grid.All works fine. When i tried to close the modal window, the parent page chart goes away but user control and grid remains as is. What would be problem for the chart not showing on close of Modal window?
The problem was because, using chart series.postbackvalue , makes the chart to postback. Set the value to a string and assign the string value to the chart series URL, will ensure the chart remains static and does not disappear.

open a second dialog window from the already opened dialog window

I open a dialog window in my application. After that I would like to open a second dialog from the existing dialog window. The second dialog opens inside the first dialog. The problem arise when the second dialog size is greater than the first one. In that case the second dialog does not appear in the full size but is limited to the size of the first window.
What should I do to display the second dialog window in the whole size?
Best regards,
Javanus
This might be called a workaround , but...
you always can do something like
<p:commandLink value="hide first, show second" onclick="dlg1.hide();dlg2.show();" />
(hide first dialog and open the second)
and in the second dialog set onHide="dlg1.show()"

popup in Chrome browser action only if click on down arrow on right side of the icon

I am developing a Chrome extension with browser action. I want to make some action on clicking on browser action icon (it is easy, not a problem), and show popup if user clicks on down arrow at the right side of the icon (that is a problem). So, we will receive a functionality similar to the firefox toolbarbutton from XUL. Is it possible to do such thing with Google Chrome?
Just want to make button, like that:
button
If it is pressed on the main part - it will do something, if on the right "drop-down" part - it will show quick settings page.
But I see only single button possibility.
The entire browserAction button works as a single button. There is no way to detect if a specific area was clicked. The best you can do is either have multiple extensions each having their own button for different actions or have options in the popup that the user selects with a second click.