How to use BalloonPopupExtender ajax control in asp.net

InfoPath alternatives for form designing SharePoint

This post explains how to use Balloonpopup Extender control in the asp.net web page to make balloon popup effect. The source page of the code is as follows

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head runat=”server”>

<title>BalloonPopupExtender control Example</title>

<style type=”text/css”>

.c1

{

width:280px;

height:240px;

background-color:Green;

border:1px black;

padding:15px;

}

</style>

</head>

<body>

<form id=”form1″ runat=”server”>

<div>

<asp:ToolkitScriptManager runat=”server”>

</asp:ToolkitScriptManager>

// panel control is used to make balloonpopup

<asp:Panel ID=”p1″ runat=”server” CssClass=”c1″>This is balloon popup!!</asp:Panel>

// textbox is the target control of the balloonpopup Extender

<asp:TextBox ID=”t1″ runat=”server”></asp:TextBox>

<asp:BalloonPopupExtender ID=”ballpopEx1″ runat=”server” TargetControlID=”t1″

BalloonPopupControlID=”p1″ Position=”BottomRight” BalloonStyle=”Cloud”

BalloonSize=”Small” UseShadow=”true” ScrollBars=”Auto” DisplayOnMouseOver=”true”

DisplayOnFocus=”false” DisplayOnClick=”true”>

</asp:BalloonPopupExtender>

</div>

</form>

</body>

</html>

Similar SharePoint 2013 Tutorials


About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →

Leave a Reply