2016-03-27 3 views
1

Polymer(1.0)のモーダルペーパーダイアログを開くと、背景(「withbackdrop」?)が暗くなります。私はそれを避け、明るく保ちたい。ポリマーモーダルペーパーダイアログ - 残りのインターフェースが暗くならないようにする方法は?

私は

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

を試してみた私のダイアログがとてもエンドユーザーはそれをやっているかを確認する必要があり、私のアプリのツアーを制御します。

スティーブ

答えて

1

おかげでちょうど完全with-backdropを削除します。

例: <paper-dialog id="tourDialog" modal></paper-dialog>

読み取り推奨:Polymer property binding - reflect to attribute part.

注意と-背景プロパティはboolean型であることを。

+0

こんにちは、感謝:それをスタイルに、あなたはこのようなメイン文書のカスタムプロパティを定義することができます。モーダルセットでは、with-backdropはデフォルトでtrueに設定されます。私はそれを間違って設定したい。私はもちろん、 "偽"から引用符を削除しました。しかし、確認するには、とにかく設定する適切なプロパティは "バックドロップ"ですか?乾杯、 – Lymp

+0

私の質問の回答部分。 "モーダル"がなければ、 "with-backdrop" = trueまたはfalseにすると、暗い背景が得られます。あなたが言ったように、「背景と一緒に」を取り除き、背景は明るいままです。だから、それは正しい財産です(ちょうどそこに自分自身を認めています!)。モーダルダイアログでfalseに設定するだけです。 – Lymp

+0

さて、用紙ダイアログのコンポーネントページをチェックすると、これはモーダル属性の説明です: "モーダルが真の場合は、ノーキャンセル・オン・カウター外クリック、エスキーキャンセル・ノー・キャンセル・キーと背景。したがって、これに基づいて、2つの「取り消し」属性を明示的に(モーダルを追加せずに)追加することができ、あなたが望む動作になると仮定します。 – Ashton

0

これは、関数で行うことができます

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

ダイアログのモーダルな性質を保持したい場合は、メインページにクリックスルーからユーザーを防ぐために、背景が必要ですが、あなたが作ることができますそれは透明です。

背景(iron-overlay-backdropのインスタンス)は、メイン文書にbodyの子として追加されます。

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

関連する問題