Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET Ajax Framework
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 4:42am
Edited 24-Jun-12 4:47am
v2
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

If you need to show Text on BalloonPopup, you need to set BalloonPopupControlID (The ID of the control to display.)
 
sample:
 
<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
 
<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>
  Permalink  
v2
Rate this: bad
good
Please Sign up or sign in to vote.

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]
  Permalink  
v2
Rate this: bad
good
Please Sign up or sign in to vote.

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.
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="ajax" %>
 

Hope it helps.
  Permalink  
Comments
ErBhati at 14-Feb-14 9:20am
   
this control cannot be displayed because its tagprefix is not registered in this web form

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

  Print Answers RSS
0 Peter Leow 295
1 Mika Wendelius 240
2 CHill60 195
3 Zoltán Zörgő 188
4 TheRealSteveJudge 180
0 Sergey Alexandrovich Kryukov 8,698
1 OriginalGriff 6,591
2 Peter Leow 3,982
3 Zoltán Zörgő 3,634
4 Richard MacCutchan 2,535


Advertise | Privacy | Mobile
Web03 | 2.8.150123.1 | Last Updated 19 Jul 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100