IgbDialog に配置した IgbDatePicker のカレンダーを開くとダイアログの後ろに表示されてしまいます。ここではダイアログの前面にカレンダーを表示する方法についてご紹介します。

方法

IgbDatePicker に以下のプロパティを定義します。

  • OpenAsChild : 日付ピッカーをダイアログの子要素として適用します
  • IsFixed : カレンダーを固定位置にして表示します

これらを踏まえてプログラムを以下のようにします。

<IgbDialog ... >
    <IgbDatePicker ....
               OpenAsChild="true"
               IsFixed="true"
               .... />
    ....
 </IgbDialog>

これでカレンダーがダイアログに隠れることなく表示されます。

実行結果

こちらの方法で igbDialog 内に配置した IgbDatePicker のカレンダーを開くと、ダイアログの前面にカレンダーが表示されます。

関連ドキュメント

製品について

Ignite UI for Blazor