聚合物模态纸 - 对话框 - 如何防止界面的其余部分变暗?

时间:2016-03-27 19:41:01

标签: polymer

打开Polymer(1.0)模态纸张对话框时,背景(“withbackdrop”?)会变暗。我想阻止它,并保持它的光明。

我试过

'<paper-dialog id='idTourDialog' modal with-backdrop="false"'

我的对话框控制我的应用程序之旅,因此最终用户需要查看它正在做什么。

由于

史蒂夫

3 个答案:

答案 0 :(得分:1)

完全删除with-backdrop

EG。 <paper-dialog id="tourDialog" modal></paper-dialog>

推荐阅读:Polymer property binding - reflect to attribute part.

请注意,with-backdrop属性是布尔类型。

答案 1 :(得分:0)

可以在函数中完成:

List children=dTourDlg.childNodes;
PaperDialog papdlg=children[1];
IronOverlayBackdrop bd=papdlg.backdropElement;
bd.style.display='none';

答案 2 :(得分:0)

如果要保留对话框的模态性质,则需要背景以防止用户单击主页,但您可以使其透明。

背景(iron-overlay-backdrop的一个实例)作为body的子项添加到主文档中。要设置样式,您可以在主文档中定义自定义属性,如下所示:

<style is="custom-style"> --iron-overlay-backdrop-opacity: 0; </style>