inohilog

/var/log/inohiro.log

ValidatorCalloutのStyleSheet周り

ValidatorCallout - ASP.NET AJAX Control Toolkit
デフォルトのアセンブリに含まれているStyleSheetではなく、別のデザインにしたいんだけどうまくいかない。

<asp:RequiredFieldValidator runat="server" ID="NameRequest"
	 ControlToValidate="NameBx"
	 Display="None"
	 ErrorMessage="名前が入力されていません" />
<ajax:ValidatorCalloutExtender runat="server" ID="NameRequestExtender"
	 TargetControlID="NameRequest"
	 HighlightCssClass="CustomValidatorCalloutStyle" />

こうやって書くとStyleSheet内に「CustomValidatorCalloutStyle」と定義したクラスのスタイルを読んでくれるんだけど、たとえばTextBoxにValidationをかけた場合、TextBoxに対するデザインの変更になってしまう。。。Ajaxで表示するバルーンのデザインを変更したいんだけど。。。


これっぽいけど、よくわからない。。。なんだこのXml拡張子のないファイルは。。。
how do i change the background colour of ValidatorCallout - ASP.NET Forums
ValidatorCallout enhancement - css support - ASP.NET AJAX Control Toolkit View Issue


このへんな感じがするんですが、普通にStyleSheetに書いても読んでくれないしねぇ。。。どうすればいいんでしょう。

  • .ajax__validatorcallout_popup_table: The popup table.
  • .ajax__validatorcallout_popup_table_row: The popup table row.
  • .ajax__validatorcallout_callout_cell: The callout cell.
  • .ajax__validatorcallout_callout_table: The table in the callout cell.
  • .ajax__validatorcallout_callout_table_row: The callout table row.
  • .ajax__validatorcallout_error_message_cell: The error message cell.
  • .ajax__validatorcallout_icon_cell: The warning icon cell.
  • .ajax__validatorcallout_close_button_cell: The close button cell.
  • .ajax__validatorcallout_arrow_cell: The arror cell.
  • .ajax__validatorcallout_innerdiv: Inner div of a cell. Used in the close button cell and the arrow cell.

あとちょっとやってダメだったら

ValidationSummaryを使おう。昔みたいに。