剣道ウィンドウ内に表示している剣道デートピッカーがあり、次のように表示されます。
Datepicker は、通常よりも大きなフォントとサイズで、何らかの形で肥大化しています。剣道ウィンドウの外では、日付ピッカーは正常に表示されます。さて、フォントのサイズを小さくすると日付ピッカーも小さくなると仮定して、日付ピッカーまたはその中のフォントのサイズを変更できるかどうか疑問に思っていました。
これをCSSに追加しようとしました：
.k-popup .k-calendar {
font-size: 10px !important;
}
そして、結果は奇妙でした：
月の名前だけが縮小され、数字が大きいままだったため、部分的にしか機能しませんでした...
主な問題は、datepicker を開くと、剣道ウィンドウのサイズからオーバーフローすることです。datepicker を縮小して収まるようにするソリューションを探していました。
編集
k-calendarクラスを追加しようとしました：
@(Html.Kendo().DatePicker()
.Name("concessionTOD")
.Start(CalendarView.Month)
.Value(DateTime.Now)
.Format("yyyy-MM-dd")
.Culture("pt-PT")
.HtmlAttributes(new { @class = "k-calendar" })
)
しかし、結果はこれでした：
上の画像では、入力のサイズと月の名前が実際に縮小されていることがわかりますが、カレンダー自体は肥大化したままです。
編集2
ウィンドウが iFrame として定義されている場合、通常の Web ページとして iFrame として内部の結果が異なる可能性があることを知りました。これをウィンドウに挿入された部分ビューに追加したところ、結果は次のようになりました。
そのため、カレンダーが肥大化することはなくなりましたが、依然としてウィンドウの高さからはみ出し、スクロール バーが表示されます。カレンダーの下部にアクセスするには、スクロールを使用する必要があります。前に述べたように、スクロール バーを作成せずに、OnaBai の回答に示すように、カレンダーをウィンドウの外にオーバーフローさせたいと考えています。
また、ドキュメントで見つけた
Refreshes the content of a Window from a remote URL or the initially defined content template. Note that passing data and non-GET requests cannot be sent to an iframe, as they require a form with a target attribute.
2 番目の文をどのように解釈すればよいかわかりませんが、この問題に対処するのに役立つかもしれません。