owner要素を持つwj-popupを所有者の中央に配置したいと考えています。これは、所有者要素の中心がポップアップの水平中心でなければならないことを意味します。私はこれに関する情報を見つけられませんでした(デフォルトで中央に置かれているowner要素のないポップアップについてのみ)。どうやってやるの?wj-popupをowner要素で中心合わせする方法
0
A
答えて
0
wijmo5(v5.20162.211)の現在のバージョンでは、これを許可しませんが、ここで説明するいくつかの回避策があります: http://wijmo.com/topic/how-to-center-wj-popup-with-owner-element-by-its-owner-2/#post-79683が。
また、私はまた、このworkarondを許可していないいくつかのNPMのUIコンポーネントとangular2を使用していているので、私は、マウスイベントをキャッチし、このように機能を変更する必要がありました:
setPopupPosition(event:any, element:any) {
let mouseX = event.clientX;
let popupWidth = element.popup.hostElement.clientWidth;
let popupPosition = mouseX - popupWidth/2;
element.popup.hostElement.style.left = (popupPosition < 0 ? 0 : popupPosition) + "px";
}
element.popup - @ViewChildポップアップでポップアップコンポーネントで宣言されています。
とHTML:profileFilterPopoverがポップアップ
のidがある<button(click)="setPopupPosition($event, profileFilterPopover)">ButtonName</button>
<profile-filter-popover #profileFilterPopover [owner]="showProfileFilterButton" [reportId]="reportId"
[cubeId]="cubeId"></profile-filter-popover>
関連する問題
- 1. CSSメディアクエリーでモバイルデバイスのdiv要素の中心を合わせる方法
- 2. LWUITの中心合わせ方法は?
- 3. 別の要素を基準にした要素の中心合わせ
- 4. <th>を合わせるすべてのテーブル要素の中心に合わせるには?
- 5. 入力ボックスをIonicに中心合わせする方法
- 6. ハイチャートのyAxisタイトルの中心を合わせる方法
- 7. mdヒントの中心を合わせる方法(material2)
- 8. テーブルを中心にして中心を合わせる
- 9. オーバレイの中心を合わせる
- 10. テーブルセルを中心に合わせる
- 11. フレックスの中心を合わせる
- 12. 画像の中心を合わせる
- 13. フォームを中心に合わせる
- 14. データセットの中心を合わせる
- 15. wxScrolledWindowの中心合わせを行う方法は?
- 16. DIV内で水平方向に中心を合わせる
- 17. イメージのサイズ変更と中心合わせ方法
- 18. div内のdivを背景画像で中心合わせする方法
- 19. 角材2テーブルヘッダの中心合わせ
- 20. UIPopoverController内のcontentViewの中心合わせ
- 21. ボタン中心の位置合わせ -
- 22. アンドロイドでアクティブなタブの中心を合わせる方法スライドタブのレイアウト
- 23. フローティング要素を中心要素に
- 24. パディングスペースの外側の:: after擬似要素を表示し、水平方向に中心を合わせる
- 25. div内の要素中心を設定する方法
- 26. これらの要素を中心に維持する方法
- 27. ionic2の要素を中心にする正しい方法
- 28. CSS:中心要素の周りに要素を揃える方法は?
- 29. OpenGLを使用してお互いの中心を合わせる方法は?
- 30. W3.CSSコンテナを別のコンテナの中心に合わせる方法