ASP.NET4.0 BalloonPopupを使う

2012年07月02日

ASP.NET4.0触っていてBalloonPopupが気に入ったので少し紹介します。

ASP.NET2.0のころにもありましたっけ?

Textboxでマウスオーバーすると「ほにゃらら」が吹き出しで出てくるしくみです。

下記をコピペすると使えます。

<asp:ToolkitScriptManager ID=”ToolkitScriptManager1″ runat=”server”>         </asp:ToolkitScriptManager>

<asp:Panel ID=”Panel1″ runat=”server” CssClass=”balloon”  >

<b>ほにゃらら</b>

<br />

</asp:Panel>

<asp:BalloonPopupExtender ID=”BalloonPopupExtender1″ TargetControlID=”Textbox1″ BalloonPopupControlID=”Panel1″  BalloonSize=”Small”              UseShadow=”true”  DisplayOnFocus=”true”  BalloonStyle=”Rectangle” runat=”server”>

</asp:BalloonPopupExtender>

 

デザインモードで行う時は、

ToolkitScriptManagerをドラッグドロップして、

テキストボックス上でマウスオーバーさせたときに右側に小さく出る矢印をクリックし

エクステンダーの追加をクリックするとエクステンダーウィザードがでてきます。

そこからBalloonPopupを選んで、あとはプロパティでごにょごにょ。

※まず、これが必須でした。AjaxControlToolkit.Binary.NET4.ZIPをネットで探してインストール。

 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA