作成日: 2020/05/07 最終更新日: 2020/08/26
文書種別
不具合
状況
修正済み
詳細
@Html.C1().Styles()を使用してComponentOne ASP.NET MVCのCSSを適用すると、Bootstrapで以下の現象が発生します。
・標準のテキストボックスやボタンに適用された角丸のスタイルが無効になり直角の状態で表示される
・ナビゲーションバーの表示が不正になり文字が正しく表示されない
・標準のテキストボックスやボタンに適用された角丸のスタイルが無効になり直角の状態で表示される
・ナビゲーションバーの表示が不正になり文字が正しく表示されない
回避方法
この問題は2020J v2（4.5.20202.288）で修正されました。
※修正版を適用しない場合の回避方法は以下の通りです。
回避策用の「2020v1_workaround.css」「themes.zip」を含むファイルをこちらよりダウンロードしてください。
「@Html.C1().Styles()」の代わりに「2020v1_workaround.css」および「themes.zip」に含まれるテーマ用のcssをプロジェクトのContentフォルダにコピーします。
この場合、themes.zipはすべてのcssをコピーする必要はなく、使用しているテーマの該当ファイルのみをコピーしてください。
◆デフォルトの「@Html.C1().Styles()」を使用している場合
_Layout.cshtmlファイルにて、既存の「@Html.C1().Styles()」をコメントアウトし、次のようにコピー先のContentフォルダ内のファイルを指定してください。
◆「@Html.C1().Styles().Theme("dark")」のようにテーマを使用している場合
_Layout.cshtmlファイルにて、既存の「@Html.C1().Styles().Theme("dark")」をコメントアウトし、次のようにコピー先のContentフォルダ内のファイルを指定してください。
※修正版を適用しない場合の回避方法は以下の通りです。
回避策用の「2020v1_workaround.css」「themes.zip」を含むファイルをこちらよりダウンロードしてください。
「@Html.C1().Styles()」の代わりに「2020v1_workaround.css」および「themes.zip」に含まれるテーマ用のcssをプロジェクトのContentフォルダにコピーします。
この場合、themes.zipはすべてのcssをコピーする必要はなく、使用しているテーマの該当ファイルのみをコピーしてください。
◆デフォルトの「@Html.C1().Styles()」を使用している場合
_Layout.cshtmlファイルにて、既存の「@Html.C1().Styles()」をコメントアウトし、次のようにコピー先のContentフォルダ内のファイルを指定してください。
@*@Html.C1().Styles()*@
<link href="~/Content/2020v1_workaround.css" rel="stylesheet" />
<link href="~/Content/2020v1_workaround.css" rel="stylesheet" />
◆「@Html.C1().Styles().Theme("dark")」のようにテーマを使用している場合
_Layout.cshtmlファイルにて、既存の「@Html.C1().Styles().Theme("dark")」をコメントアウトし、次のようにコピー先のContentフォルダ内のファイルを指定してください。
@*@Html.C1().Styles().Theme("dark")*@
<link href="~/Content/2020v1_workaround.css" rel="stylesheet" />
<link href="~/Content/wijmo.theme.dark.min.css" rel="stylesheet" />
<link href="~/Content/2020v1_workaround.css" rel="stylesheet" />
<link href="~/Content/wijmo.theme.dark.min.css" rel="stylesheet" />
旧文書番号
85543