Balloon Popup Extender Control یک کنترل توسعه دهنده است و برای کنترل کار لازم است. هدف اصلی Balloon Popup Control این است که هنگام پر کردن یک فرم، برخی اطلاعات یا جهت را نشان دهد، یا می توان از آن با متنی استفاده کرد و با کلیک روی آن متن، اطلاعاتی را نشان داد.
دارای سه سبک مختلف: بالون، مستطیل و نوع سفارشی. علاوه بر سه نوع مختلف، از سه اندازه کوچک، متوسط و بزرگ نیز برای بهترین تجربه کاربری پشتیبانی می کند.
اگر از Balloon Popup سفارشی استفاده کرده اید، می توان با استفاده از URL سفارشی css، سبک سفارشی را لغو کرد.
می توان آن را در پنج موقعیت تنظیم کرد که عبارتند از TopLeft، TopRight، BottomLeft، BottomRight و Auto. اگر خودکار را تنظیم کردهاید، میتواند خود را با توجه به فضای موجود تراز کند.
کنترل بادکنک Extender روی رویدادهای MouseOver، Click و Focus کار می کند. اگر Balloon در هر یک از رویدادها نشان داده شد، لازم نیست نگران مخفی کردن پنجره بازشو باشید، Extender Control به طور خودکار از آن مراقبت می کند.
بیایید نگاهی به تنظیمات اولیه داشته باشیم، به شرح زیر:
- <asp:Panel ID="Panel2" runat="server"></asp:Panel>
- <asp:TextBox ID="myTextBox" runat="server"></asp:TextBox>
- <div class="row">
- <div id="ajaxcontroltoolkitplaceholder">
- <ajaxToolkit:BalloonPopupExtender ID="PopupControlExtender2" runat="server" TargetControlID="myTextBox" BalloonPopupControlID="Panel2" Position="BottomRight" BalloonStyle="Cloud" BalloonSize="Small" CustomCssUrl="CustomStyle/BalloonPopupOvalStyle.css" CustomClassName="oval" UseShadow="true" ScrollBars="Auto" DisplayOnMouseOver="true" DisplayOnFocus="false" DisplayOnClick="true" />
- </div>
- </div>
خروجی اولیه
- TargetControlID
شناسه کنترل هدف برای اتصال Extender استفاده می شود.
- TargetControlID="myTextBox"
- <asp:TextBox ID="myTextBox" runat="server">This is the Balloon</asp:TextBox>
- BalloonPopupControlID
شناسه کنترل برای نمایش. پانل با متن داخل برای نمایش روی رویدادها استفاده می شود و در کادر متن تنظیم می شود.
- BalloonPopupControlID="Panel2"
- <asp:Panel ID="Panel2" runat="server"></asp:Panel>
- تنظیمات اختیاری موقعیت مکانی
را مشخص می کند که پنجره بازشو باید نسبت به کنترل هدف قرار گیرد. (بالا راست، بالا چپ، پایین راست، پایین چپ، خودکار). مقدار پیش فرض خودکار است.- بالا سمت راست
- بالا سمت چپ
- سمت راست پایین
- پایین سمت چپ
- بالا سمت راست
- OffsetX/OffsetY
تعداد پیکسل هایی است که بالون را از موقعیت اصلی خارج می کند. به صورت افقی یا عمودی مقدار پیشفرض 0 است.Offset X (افقی)
OffsetX="50"Offset Y (عمودی)
- BalloonStyle
تنظیمات اختیاری که تم BalloonPopup را مشخص می کند. (ابر، مستطیل، سفارشی). مقدار پیش فرض Rectangle است. مستطیلابری
- تنظیم اختیاری BalloonSize
، که اندازه بالون پاپ آپ را مشخص می کند. (کوچک، متوسط و بزرگ). مقدار پیش فرض کوچک است.