how to use balloonpopupextender(ajax)

Question

2.50/5 (4 votes)

See more:

i have a txt_Search
and attached a BalloonPopupExtender(ajax control) to this tct search
i want whern click on the txt_search show a balloon with this text:
"SEARCH"
in propery of this ajax control is Animations
but a dont know how insert text on this property to show in balloon when click on the text
TxtSearch_BalloonPopupExtender.Animations = ?????????

Posted 24-Jun-12 3:42am

sadegh_rusta

Updated 24-Jun-12 3:47am

v2

Add a Solution

3 solutions

Solution 2

You can see a very simple example for Balloon POPUP Extender in AJAX in the below mentioned link. They already discussed all possible ways of implementing Balloon POPUP Extender in ASP.Net.

You can download demo project from here.

How to implement BalloonPopupExtender in ASP.Net/C# OR Ballon Popup Extender Sample in ASP.Net/C#[^]

[Edit]
Link Text Added.
[/Edit]

Posted 25-Sep-12 17:45pm

ansar_ansar

Updated 19-Jul-13 4:16am

v2

Solution 3

Here is the link from the official ajax toolkit website
it shows how to implement balloon popup controller

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/BalloonPopup/BalloonPopupExtender.aspx[^]

But before that make sure that you drag and place the ToolScriptManager in your page and also refer the ajax in the top of your page like this.

VB

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="ajax" %>

Hope it helps.

Posted 19-Jul-13 4:59am

Manikandan Sekar

Comments

ErBhati 14-Feb-14 9:20am

this control cannot be displayed because its tagprefix is not registered in this web form

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

DamithSL · Accepted Answer · 2012-06-24T04:15:00

If you need to show Text on BalloonPopup, you need to set BalloonPopupControlID (The ID of the control to display.)

sample:

XML

<form id="form1" runat="server">
<div>
<center>
    <Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </Ajax:ToolkitScriptManager>

<i>TextBox:</i> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</center>
    <asp:Panel ID="Panel1" runat="server">
     <b>SEARCH</b>
    </asp:Panel>
<div>
    <Ajax:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server" BalloonPopupControlID="Panel1" BalloonSize="Small"BalloonStyle="Cloud" UseShadow="true" DisplayOnClick="true" DisplayOnFocus="false" DisplayOnMouseOver="true" TargetControlID="TextBox1"Position="BottomRight">
    </Ajax:BalloonPopupExtender>
</div>
</div>

</form>

[^]

If you need to show animation on model popup add animation tag inside the popup as

XML

<ajaxToolkit:PopupControlExtender ID="PopupControlExtender2" runat="server"
    TargetControlID="Label12" PopupControlID="popPanel"
    BehaviorID="PopupBehavior" Position="top" OffsetX="-10" OffsetY="-40" >
    <Animations>
        <OnShow>
            <Sequence>
                <HideAction Visible="true" />
                <FadeIn Duration=".5" Fps="20" />
                <Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" />
            </Sequence>
        </OnShow>
        <OnHide>
          <FadeOut Duration=".5" Fps="20" />
        </OnHide>
    </Animations>
</ajaxToolkit:PopupControlExtender>