Poner imagenes mientras se realiza un proceso

[wiro]

Hola, como estan

necesito de su ayuda, alguien me puede indicar como hacer para que cuando se este realizando un proceso en mi aplicacion, por ejemplo un calculo que demora unos 5 o 8 segundos que miestras esto sucede en mi aplicacion me aparesca algo parecido al puntero del reloj de arena de vb 6.0 esto le indicara al usuario que mientras el reloj de arena este en pantalla es que el calculo se esta realizando. Yo estoy desarrollando en ASP.NET 2005, tengo controles ingragistic y los AJAX pero aun soy nuevo en este y no he podido hacerlo, aves entro a algunas paginas y cuando solicito cierta informacion he notado que miestras esta informacion se carga aparece algo parecido a unos engranajes dando vuelta, o un mundo girando imagenes de ese etilo, como hago para tener algo asi.

bueno gracias por su tiempo, espero su ayuda

[daniel00]

Que tal.

Puedes usar un updatepanel: http://msdn.microsoft.com/es-es/libr...datepanel.aspx

y un update progress ( http://msdn.microsoft.com/es-es/libr...eprogress.aspx ). El cual crea el efecto que seguramente haz visto.

Saludos!
P.D. Sobre infragistics no te recomiendo su uso. Pues alentan las aplicaciones, aunque sean muy vistosos.

[mdavila]

Hola, eso lo pones en tu codigo html donde lo quieras, yo lo tengo dentro del updatepanel.
Buscate un lindo gif y cambia la frase "Cargando..." si queres. Suerte y Saludos

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div>
<img alt="Cargando" height="15" src="Cargando.gif" style="vertical-align: middle" width="15" />
Cargando...
</div>
</ProgressTemplate>
</asp:UpdateProgress>

[wiro]

Muchas gracias amigos, me han sido de mucha ayuda, provare el codigo que me has enviado y gracias tambien por el tip de los infragistics.

[wiro]

Hola amigos, ya lei los link que me enviaron y prove el codigo que me mando mdavila, pero aun no entonedo jaja perdon.... haber el codigo que mandaste mdavila si lo coloco en mi html cuando regreso al modo de diseño puedo ver la imagen que ya consegui, puedo ver el gif girando... pero como voy hacer para que esta aparezca cuando le doy al boton que se encarga de realizar x proceso, este boton tiene code behind escrito es asp (VB) el codigo hace todo el proceso y mientras eso ocurre yo quiero poner esa imagen girar para que mi usuario sepa que se esta realizando el trabajo. tengo que usar estos controles de ajax (scripmanage, updatepanel, update progress) para que me funcione lo de la imagen.

me pueden aclarar un poquito mas, muchas gracias

[mdavila]

No te preocupes del boton, solo tenes que poner el Id del UpdatePanel
AssociatedUpdatePanelID="TuUpdatePanelId"

Contame si pudiste.

[erick_arcini]

Hola wiro que tal, tal vez ellos te explicaron la parte del update progress y update panel pero tal vez te hace falta un ejemplito

Dentro de tu UpdatePanel tienes que colocar tu UpdateProgres para que logres lo que tu deseas, te dejo este code haber si le entiendes a lo que te digo.

Código:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <ContentTemplate>
       <asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="imagenes/pic4.jpg" AlternateText="Promociones del mes"
                                                OnClick="ImageButton1_Click" />



<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
      <img src="imagenes/cargar.gif" alt="" />
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel> 

[wiro]

OK mucha gracia por su paciencia amigos, y les cuento que estoy investigando por mi parte para que no creen que solo estoy preguntando nada mas jajaja.

Bueno ya he entendido en una gran parte como es que funciona esto, pero aun no me sale bien, haber les explico.
primero debi agregar un ScritManager, luego agregue un UpdatePanel, dentro de este agregue los controles que necesito para hacer mis consulta (botones, RadioButtonlist, Calendario para selecionar una fecha. etc) luego agregue el UpdateProgress y a este le agregue una imagen que es la que quiero se muestre mientras se esta realizando la opreacion.
luego de haber seleccionado unas fechas y una de las opciones del radiobuttonlist hago un click en el boton y inicia el proceso, ene ste momento miestras se ejecuta ese proceso es que quiero aparezca la imagen o algo asi, pero esto aun no ocurre, leyendo encontre que debo asociar el UpdateProgress con el UpdatePanel por el ID, esto ya lo hice, ahora demas de que no me sale la imagen (.gif) ahora tanpoco puedo hacer click en los controles que estan dentro del UpdatePanel, es decir los controles estan como desabilitados, no puedo hacer click en ninguno de ellos.

bueno espero no abrumarlos, me pueden ayudar.

[Peterpay]

pon tu codigo como lo tienes actualmente

[erick_arcini]

Espero hayas revisado el código que te puse en mi comentario anterior, el updateprogress esta dentro del updatepanel.

Lo de tus controles, si estas usando CSS puede que estén en un nivel inferior, es decir, que haya algo que te esta estorbando por delante.

[wiro]

ok amigos ahi le dejo el codigo espero y me puedan ayudar.

<%@ Page Language="VB" MasterPageFile="~/MasterPage2.master" AutoEventWireup="false" CodeFile="caja.aspx.vb" Inherits="caja" title="Caja" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDateChooser.v7.1, Version=7.1.20071.40, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.WebUI.WebSchedule" TagPrefix="igsch" %>

<%@ Register Assembly="Infragistics2.WebUI.WebDataInput.v7.1, Version=7.1.20071.40, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.WebUI.WebDataInput" TagPrefix="igtxt" %>
<%@ Register Assembly="Cooperator.Framework.Web" Namespace="Cooperator.Framework.Web.Controls"
TagPrefix="nds" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<table style="width: 808px">
<tr>
<asp:Label ID="Label1" runat="server" Text="Opciones para Caja" ForeColor ="#ffffcc"></asp:Label><td rowspan="2" style="vertical-align: top; width: 251px; height: 176px">
&nbsp;<asp:ScriptManager id="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel id="UpdatePanel1" runat="server">
<contenttemplate>
<TABLE style="WIDTH: 224px; BORDER-TOP-STYLE: outset; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; HEIGHT: 224px; BORDER-BOTTOM-STYLE: outset"><TR><TD style="VERTICAL-ALIGN: top; WIDTH: 108px; HEIGHT: 106px"><BR /><TABLE style="LEFT: 0px; WIDTH: 296px; POSITION: relative; TOP: -14px"><TR><TD style="WIDTH: 100px; HEIGHT: 30px"><igsch:WebDateChooser style="LEFT: 16px; POSITION: relative; TOP: 8px" id="f1" runat="server" Width="112px">
<CalendarLayout DayNameFormat="FirstLetter" FooterFormat="" ShowFooter="False" ShowNextPrevMonth="False"
ShowTitle="False">
<SelectedDayStyle BackColor="#0054E3" />
<DayStyle BackColor="White" Font-Names="Arial" Font-Size="9pt" />
<OtherMonthDayStyle ForeColor="#ACA899" />
<DayHeaderStyle BackColor="#7A96DF" ForeColor="White" />
<TitleStyle BackColor="#9EBEF5" />
<CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False">
</CalendarStyle>
</CalendarLayout>
</igsch:WebDateChooser> </TD><TD style="WIDTH: 100px; HEIGHT: 30px"><igsch:WebDateChooser style="LEFT: 8px; POSITION: relative; TOP: 8px" id="f2" runat="server" Width="112px">
<CalendarLayout DayNameFormat="FirstLetter" FooterFormat="" ShowFooter="False" ShowNextPrevMonth="False"
ShowTitle="False">
<SelectedDayStyle BackColor="#0054E3" />
<DayStyle BackColor="White" Font-Names="Arial" Font-Size="9pt" />
<OtherMonthDayStyle ForeColor="#ACA899" />
<DayHeaderStyle BackColor="#7A96DF" ForeColor="White" />
<TitleStyle BackColor="#9EBEF5" />
<CalendarStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False">
</CalendarStyle>
</CalendarLayout>
</igsch:WebDateChooser> </TD></TR></TABLE><asp:RadioButtonList style="COLOR: #ffffcc; FONT-FAMILY: Arial" id="RadioButtonList1" runat="server" Width="296px" Height="88px" Font-Size="Small">
<asp:ListItem Value="i0">Verificar Caja vs CBOTROSPAGOS</asp:ListItem>
<asp:ListItem Value="i1">Verificar Traslado de Remesas (cierre de caja)</asp:ListItem>
<asp:ListItem Value="i2">Verificar Cajas Cerrada con CD en 0</asp:ListItem>
<asp:ListItem Value="i3">Verificar Cajas vs CBRECPAGOS</asp:ListItem>
</asp:RadioButtonList>&nbsp;<igtxt:WebImageButton id="WebImageButton1" runat="server" Width="296px" UseBrowserDefaults="False" Text="Hacer Verificación">
<RoundedCorners HeightOfBottomEdge="2" HoverImageUrl="ig_butCRM2.gif" ImageUrl="ig_butCRM1.gif"
MaxHeight="40" MaxWidth="400" PressedImageUrl="ig_butCRM2.gif" RenderingType="FileImages"
WidthOfRightEdge="2" />
</igtxt:WebImageButton> </TD></TR></TABLE> <asp:UpdateProgress id="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"><ProgressTe mplate>
<IMG src="Imagenes/ig_progressIndicator.gif" /> Actualizando
</ProgressTemplate>
</asp:UpdateProgress>
</contenttemplate>
</asp:UpdatePanel>
</td>
<td rowspan="2" style="width: 100px; height: 176px; vertical-align: top;">
&nbsp;<table>
<tr>
<td style="vertical-align: top; width: 100px; height: 267px">
<asp:GridView ID="dg1" runat="server" AllowPaging="True" AllowSorting="True" CellPadding="4"
Font-Size="Small" ForeColor="#333333" GridLines="None" Width="640px" style="vertical-align: top" Height="0px" HorizontalAlign="Left">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
<br />
<nds:MsgBox ID="MsgBox1" runat="server" />
<br />
<br />
</asp:Content>

[Peterpay]

y porq tienes el updateprogress dentro del update panel sacalo y ponlo despues del update panel

[mdavila]

Esto esta bien, en las propiedades del UpdateProgress hay una que es DisplayAfter, yo lo tengo en 500 vos?

Peterpay, igual funciona si esta dentro de un UpdatePanel.

Bye.

[wiro]

ok ya hice eso, saque el UpdateProgress del UpdatePanel pero aun asi no puedo ver la imagen y tampoco puedo hacer click en ninguno de los controles que estan dentro del updatepanel, estan como desabilitados.

[wiro]

Amigos, parece que el problemas es con los controles de Infragistics, es decir en el UpdatePanel tengo una seria de controles puestos que pertenecen a los componetes de Infragistics y son estos especificamente los que no se activan, por ejemplo tengo un WebDataChooser, este es genial ya que me muestra nada mas una caja de texto que al hacer click en ella se despliaga el calendario encima del resto de controles, esto es mejor que un calendario comun de los que traje ASP 2005 que te ocupan un gran espacio, por eso fue que lo elegi, ademas de unos botones que tienen una vista muy agradable para los usuarios, pero son estos controles los que no se activan, le agregue al UpdatePanel controles comunes de los que trae ASN y esos si se activan, alguien sabe algo de esto, se puede solucioanr esto.

Gracias