Search results matching tag 'Animation'

Scrolling text vertically

balajiarun88 — Thu, 10 Dec 2009 05:00:00 GMT

Hi,

I am going to publish a tips and tricks in my web page for that i need to run a text vertically . The text are changed dynamically values are taken from database, if mouse over on text it should stop.

Thanks,

BalajiV

Fade In Animation for invisible controls...

vrystater — Mon, 09 Nov 2009 05:00:00 GMT

Hi All,

I have:

1. A linkbutton: lbnSignIn

2. A textbox: txtLogin

3. A Button: btnLogin

Initially, if the page loads, then the textbox and the submit button is invisible.

I would like a fade in effect for these two controls if the user clicks the signIn... linkbutton.

What happens at the moment is, since the control.visible properties are set to False, is that once I click on the signIn.. button the two controls POP visible, immediately dissapears, and the only does the fade in start normally.

How can I work around the POPPING of the controls?

Thanks.

FadeIn Animation w/ Transparent Background issue

Caleb McGary — Fri, 09 Oct 2009 04:00:00 GMT

I figure this has got to be something simple - but I've been banging my head against it for the last hour or so, so if anyone has any advice feel free to speak up.

I've a label containing some text that I am using an animation extender (FadeIn OnLoad) to fade in.

<asp:Label ID="lblFirstLine" runat="server" Text="Some text." CssClass="Labels" BackColor="Transparent" Width="700px"></asp:Label>
<cc1:AnimationExtender ID="amiFirstLine" runat="server" TargetControlID="lblFirstLine">
 <Animations>
 <OnLoad>
<FadeIn Duration="2" Fps="20" minimumOpacity="0" maximumOpacity="1"></FadeIn>
</OnLoad>
</Animations>
</cc1:AnimationExtender>

The CSS attached to the label says the following:

.Labels
{
    opacity: 0;
    filter: alpha(opacity=0);
    color:Black;
    position: absolute;
}

The body element has a one pixel wide, 1200 pixel long gradient image that repeats to give a background to the page (say the color green).

body
{
    background-image: url('/images/default_back.jpg');
    background-repeat: repeat-x;
    font-family: Calibri;
    font-size: x-large;
    font-variant: small-caps;
    color: White;
}

The problem is when the label fades in, the background of the label comes up bright white, even though I have selected a background color of transparent, making a not so nice white square block on the page - only in Internet Explorer (IE 8). In Firefox, the background of the label is transparent and the gradient background image shows up w/ out issue, w/ the black text overlayed on it nicely.

What am I missing to make the label background transparent in IE 8 when it has an animation extender attached to it? Any ideas?

Thanks!

animation extender - preload images

pcrymble — Thu, 03 Sep 2009 04:00:00 GMT

Hi there

I have a page with a number of panels in it. The panels contain text and an image - and when a user clicks a particular linkbutton, the page changes the panel. Works fine.

I have added an animation extender to each panel. Its just got a simple onload / fadein. However, I dont want the fadein to happen until the image has loaded. At the moment the fade has often finished when the image is still downloading....

Is this possible?

thanks for your help

Peter

Animate a single field in a gridview to expand comments into a box?

shawn.bordeaux — Sun, 03 May 2009 04:00:00 GMT

I have a gridview that displays customer information. One of the fields is a comments field that can store multiple lines of characters. I would like it to display just in one line but when someone clicks on the comments field animate it out with a box effect that can be closed or collapsed back. Any suggestions? Here is my gridview;

div class="bottomBar">
<strong>My submited Referrals:</strong>

    <asp:ObjectDataSource ID="ObjectDataSource2" runat="server" 
        DeleteMethod="Delete" InsertMethod="Insert" 
        OldValuesParameterFormatString="original_{0}" SelectMethod="GetDataCustomerEntries" 
        TypeName="customer_entryTableAdapters.customer_entryTableAdapter" 
        UpdateMethod="Update">
        <DeleteParameters>
            <asp:Parameter Name="Original_cus_id" Type="Int32" />
        </DeleteParameters>
        <UpdateParameters>
            <asp:Parameter Name="bd_id" Type="Int32" />
            <asp:Parameter Name="first_name" Type="String" />
            <asp:Parameter Name="last_name" Type="String" />
            <asp:Parameter Name="cell_phone" Type="String" />
            <asp:Parameter Name="other_phone" Type="String" />
            <asp:Parameter Name="status" Type="String" />
            <asp:Parameter Name="paid" Type="String" />
            <asp:Parameter Name="date_submited" Type="DateTime" />
            <asp:Parameter Name="notes" Type="String" />
            <asp:Parameter Name="email" Type="String" />
            <asp:Parameter Name="location" Type="String" />
            <asp:Parameter Name="appointment_date" Type="String" />
            <asp:Parameter Name="Original_cus_id" Type="Int32" />
        </UpdateParameters>
        <InsertParameters>
            <asp:Parameter Name="bd_id" Type="Int32" />
            <asp:Parameter Name="first_name" Type="String" />
            <asp:Parameter Name="last_name" Type="String" />
            <asp:Parameter Name="cell_phone" Type="String" />
            <asp:Parameter Name="other_phone" Type="String" />
            <asp:Parameter Name="status" Type="String" />
            <asp:Parameter Name="paid" Type="String" />
            <asp:Parameter Name="date_submited" Type="DateTime" />
            <asp:Parameter Name="notes" Type="String" />
            <asp:Parameter Name="email" Type="String" />
            <asp:Parameter Name="location" Type="String" />
            <asp:Parameter Name="appointment_date" Type="String" />
        </InsertParameters>
    </asp:ObjectDataSource>
  
  
       <asp:GridView ID="GridView1" 
        runat="server" 
        AllowPaging="True" 
        AllowSorting="True" 
        DataKeyNames="cus_id"
        DataSourceID="ObjectDataSource2" 
        CellPadding="4" ForeColor="#333333"
        CssClass="gridview" 
        PageSize="5" 
        AutoGenerateColumns="False" 
        Font-Size="Medium" >
           <PagerSettings FirstPageText="First" LastPageText="Last" 
               Mode="NumericFirstLast" />
        <RowStyle BackColor="#EFF3FB" />
        <Columns>
       
            <asp:CommandField ShowEditButton="True" />
            
               <asp:TemplateField HeaderText="Date Submited" 
                SortExpression="appointment_date">
             <ItemTemplate><%#Eval("date_submited", "{0:M/dd/yyyy}")%>
             </ItemTemplate>
             </asp:TemplateField>  
     <asp:TemplateField SortExpression="first_name" HeaderText="First Name">
    <ItemTemplate><%#Eval("first_name")%></ItemTemplate>
    <EditItemTemplate><asp:Label id="first_name" Font-Bold=true runat="server" Text='<%# Eval("first_name") %>' />
    </EditItemTemplate>  
      </asp:TemplateField> 
   
   <asp:TemplateField SortExpression="last_name" HeaderText="Last Name">
   <ItemTemplate><%#Eval("last_name")%></ItemTemplate>
    <EditItemTemplate><asp:Label id="last_name" Font-Bold=true runat="server" Text='<%# Eval("last_name") %>' />
    </EditItemTemplate>  
       </asp:TemplateField> 

            
            <asp:BoundField DataField="cell_phone" HeaderText="Cell#" 
                SortExpression="cell_phone" />

     <asp:TemplateField SortExpression="email" HeaderText="Email">
    <ItemTemplate><%#Eval("email")%></ItemTemplate>
    <EditItemTemplate><asp:TextBox id="email" runat="server" Columns="20" Text='<%# Bind("email") %>'></asp:TextBox>
    </EditItemTemplate>
    </asp:TemplateField>   

            <asp:BoundField DataField="status" HeaderText="Status"
                SortExpression="status" ReadOnly=true />
            
             <asp:BoundField DataField="paid" HeaderText="Paid"
                SortExpression="paid" ReadOnly=true />                                                 
                
            <asp:TemplateField HeaderText="Appointment Date" 
                SortExpression="appointment_date">
             <ItemTemplate><%#Eval("appointment_date", "{0:M/dd/yyyy}")%>
             </ItemTemplate>
             <EditItemTemplate>
             <asp:TextBox runat="server" id="textbox1" Text='<%# Bind("appointment_date") %>'></asp:TextBox>
             <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="textbox1" PopupButtonID="textbox1"></cc1:CalendarExtender>
             </EditItemTemplate>
             </asp:TemplateField>
             <asp:BoundField DataField="notes" HeaderStyle-Width="15px" HeaderText="Notes"
                SortExpression="Notes" >

<HeaderStyle Width="15px"></HeaderStyle>
            </asp:BoundField>

           </Columns>
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="#507CD1" Font-Bold="True" ForeColor="#333333" 
               Wrap="False" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <EditRowStyle BackColor="#99CCFF" Wrap="True" />
        <AlternatingRowStyle BackColor="White" />
    </asp:GridView>

How to create a burning text effect ?

ErezR — Sun, 19 Apr 2009 04:00:00 GMT

Anyone knows how to create a burning text effect like they have in http://cooltext.com , but using C# / GDI+ ?

(I already know how to create an animated GIF ,I just need the algorithm for drawing a burning text effect with the Graphics object.

thanks

System.Drawing and Animation?

Hyacinth Broadchest — Tue, 14 Apr 2009 04:00:00 GMT

Hi,

I have used system.drawing to produce a couple of cool images, one is a dashboard-type dial, and one is a Sierpinski space-filling curve. These are coded up in the Page_Load method on the code-behind page of their respective web pages. I plan to have a couple of Divs, in which it will say <asp:img source="the page with the system.drawing on back of it.aspx"

So far so good, but I would ike to introduce an aspect of animation so that the needle on the dashboard dial can move around, and so that the user can see the Sierpinski curve being drawn (not just the finished product, sitting there, passive, like a picture).

All I have thought of so far is to put an Ajax update-panel in, and call

canvas.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);

at regular intervals.

What is the best way to proceed?

Many thanks,

Hyacinth.

Animation with ASP:Menu

net fan — Mon, 09 Feb 2009 05:00:00 GMT

Hi All, Is there any way to add the animation extender to the ASP.Net menu? I want to play with the way the menu appears when the user puts the mouse over the menu header. Thanks a lot.

Ajax Animation

jfierst — Tue, 13 Jan 2009 05:00:00 GMT

Does anyone have information on how to code a dynamic ajax animation that would do this:

Fade in Image 1 (Centered)
Fade in Image 2 over Image 1
Slide image 1 left and slide Image 2 right so they are now side by side
Fade out both
Goto next record

How hard would something like this be to create dynamically?

I couldn't find enough documentation on how to make the animation do what I was looking for.

Animation Extender Trigger with Button click

dotnetnewbie1977 — Wed, 26 Nov 2008 05:00:00 GMT

Hello World!

I'm working on a photo gallery which tiles the photos in a panel. I dynamically create imagebutton controls based on files within a directory. When a image is clicked, modal pop is used to display a larger version of this photo. Works fine up to this point.

I am working on adding animation fade in/out effect so when the larger photo is show, it is faded in. This is the part I am stuck on. I've added a animation extender control with target control Id as a hidden button. I am then raising the onclick event of this button, which should trigger the animation fade in effect. I haven't been able to get this to work.

Code for aspx:

1     <asp:Panel runat="server" ID="P1">
2        <asp:Image ID="Image1" runat="server" width="500" CssClass="modalPop" style="display:none;"/>
3        </asp:Panel>
4        
5        
6         
7        
8        <asp:Button ID="hiddenButton" runat="server" Text="Button" style="display:none;" 
9        OnClick="hiddenButton_Click"/>
10       
11          
12       <cc1:ModalPopupExtender ID="MPE1" runat="server" 
13        TargetControlID="hiddenButton"
14        CancelControlID="Image1"
15        PopupControlID="Image1"
16        BackgroundCssClass="modalBackground" 
17        DropShadow="true" />
18       
19       <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Image1">
20       <Animations>
21       <OnClick>
22           <FadeIn Duration="1" AnimationTarget="Image1" />
23       </OnClick>
24       </Animations>
25       </cc1:AnimationExtender>

Code for c# raising onclick event of hiddenButton:

1            ImageButton imgbtn = new ImageButton();
2            imgbtn = (ImageButton)sender;
3    
4            
5            hiddenButton_Click(null, EventArgs.Empty);
6            
7            Image1.ImageUrl = imgbtn.ImageUrl;
8           
9            MPE1.Show();

Any suggestions would be appreciated. TIA!