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. LWUITの中心合わせ方法は?
- 2. 別の要素を基準にした要素の中心合わせ
- 3. <th>を合わせるすべてのテーブル要素の中心に合わせるには?
- 4. 入力ボックスをIonicに中心合わせする方法
- 5. ハイチャートのyAxisタイトルの中心を合わせる方法
- 6. テーブルを中心にして中心を合わせる
- 7. テーブルセルを中心に合わせる
- 8. フレックスの中心を合わせる
- 9. オーバレイの中心を合わせる
- 10. 画像の中心を合わせる
- 11. wxScrolledWindowの中心合わせを行う方法は?
- 12. DIV内で水平方向に中心を合わせる
- 13. イメージのサイズ変更と中心合わせ方法
- 14. div内のdivを背景画像で中心合わせする方法
- 15. UIPopoverController内のcontentViewの中心合わせ
- 16. ボタン中心の位置合わせ -
- 17. アンドロイドでアクティブなタブの中心を合わせる方法スライドタブのレイアウト
- 18. フローティング要素を中心要素に
- 19. div内の要素中心を設定する方法
- 20. ionic2の要素を中心にする正しい方法
- 21. CSS:中心要素の周りに要素を揃える方法は?
- 22. W3.CSSコンテナを別のコンテナの中心に合わせる方法
- 23. 適用方法:要素にカーソルを合わせる
- 24. 要素を親幅に合わせる方法CSS
- 25. フレックスボックス内の2つの兄弟の間で要素の中心を合わせる
- 26. Kivyでオブジェクトの中心を合わせる
- 27. jQuery MobileでDIVの内容を中心に合わせる
- 28. フレックスの中心要素:0. *
- 29. CSSの中心要素
- 30. 合わせのLinearLayout要素