Cómo colocar una imagen en un botón en InfoPath 2003 o en InfoPath 2007

Seleccione idioma Seleccione idioma
Id. de artículo: 832511 - Ver los productos a los que se aplica este artículo
Expandir todo | Contraer todo

Resumen

Puede colocar una imagen desde un archivo .gif en la cara de un control de botón en Microsoft Office InfoPath 2007 o en Microsoft Office InfoPath 2003. Para ello puede especificar los atributos del botón en el archivo View.xsl del formulario. Debe modificar el estilo del elemento INPUT del archivo View.xsl para el formulario.

Más información

Los pasos siguientes describen cómo generar un ejemplo que pone un archivo .gif en un botón. Los pasos siguientes requieren que use un archivo .gif. Una instalación típica de Microsoft Office tiene una carpeta de archivos .gif que puede seleccionar para ayudarle a desarrollar su ejemplo. De forma predeterminada, la carpeta de archivos .gif se encuentra en c:\Archivos programa\Microsoft Office\ClipArt\PUB60Cor.
  1. Iniciar InfoPath. Crear un formulario en blanco.
  2. En el panel de tareas Tareas de diseño , haga clic en el vínculo de controles . Haga clic en el control de botón .

    Un control Button aparece en el formulario en blanco.
  3. Haga clic con el botón secundario en el botón en el formulario y, a continuación, haga clic en Propiedades del botón . En el cuadro de diálogo Propiedades del botón , haga clic en la ficha tamaño cambiar el alto y 100 píxeles. Cambiar el ancho a 100 píxeles. Haga clic en Aceptar .
  4. En InfoPath 2007, haga clic en Archivos de recursos en el menú Herramientas . En el cuadro de diálogo Archivos de recursos , haga clic en Agregar . Mover a la carpeta que contiene los archivos .gif y, a continuación, haga doble clic en el archivo .gif que desee. Haga clic en Aceptar para cerrar el cuadro de diálogo de Archivos de recursos .

    En InfoPath 2003, haga clic en Administrador de recursos en el menú Herramientas . En el cuadro de diálogo Administrador de recursos , haga clic en Agregar . Mover a la carpeta que contiene los archivos .gif y, a continuación, haga doble clic en el archivo .gif que desee. Haga clic en Aceptar para cerrar el cuadro de diálogo Administrador de recursos .

    Nota El archivo que se utiliza en este ejemplo es AG00174_.gif.
  5. En el menú archivo , haga clic en Guardar .
  6. En el cuadro Nombre de archivo , escriba Button1 para cambiar el nombre del formulario. Guarde el formulario a una carpeta de su elección. Haga clic en Guardar para cerrar el cuadro de diálogo Guardar como .

    Nota No cierre el formulario que está diseñando.
  7. En InfoPath 2007, haga clic en Guardar como archivos de origen en el menú archivo .

    En InfoPath 2003, haga clic en Extraer de archivos en el menú archivo .
  8. En el cuadro de diálogo Buscar carpeta , mover a la carpeta en la que ha guardado el formulario de Button1. Haga clic en la carpeta y, a continuación, haga clic en Aceptar para cerrar el cuadro de diálogo Buscar carpeta . En el menú archivo , haga clic en Cerrar para cerrar el formulario.
  9. En el Explorador de Microsoft Windows, moverse la carpeta que contiene el formulario y los archivos que se han extraído del archivo Button1.xsn.

    Nota La carpeta contiene el archivo Button1.xsn original y los archivos extraídos siguientes:
    • Manifest.xsf
    • Sampledata.Xml
    • Template.Xml
    • Myschema.xsd
    • View1.xsl
  10. Abra el archivo View1.xsl en Bloc de notas. Para ello, siga estos pasos:
    1. Haga clic con el botón secundario del mouse en el archivo View1.xsl .
    2. Haga clic en Abrir con .
    3. Haga clic en el Bloc de notas de las opciones disponibles.
  11. En el archivo View1.xsl que ahora está abierto en el Bloc de notas, busque la siguiente línea de código:
    <input class="langFont" title="" style="WIDTH: 86px; HEIGHT: 85px" type="button" value="Button" xd:xctname="Button" 
         xd:CtrlId="CTRL1_5" tabIndex="0"/>
    From the following style attribute, copy the part that is in quotation marks:
    style="BORDER: none; BACKGROUND-IMAGE: url(yourImageHere.gif); BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat;"
    Note What you copy will look similar to the following code:
    BORDER: none; BACKGROUND-IMAGE: urlYourImageHere.gif; BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat;
    Insert what you just copied into the existing style attribute so that the completed line will now look similar to the following code:
    <input class="langFont" title="" style="BORDER: none; BACKGROUND-IMAGE: url(yourImageHere.gif); 
         BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; WIDTH: 86px; HEIGHT: 85px" type="button" 
         value="Button" xd:xctname="Button" xd:CtrlId="CTRL1_5" tabIndex="0"/>
  12. Cambie el valor de la dirección URL de estilo de url(yourimageHere.gif) a url(AG00174_.gif).

    Nota También puede usar el nombre de archivo para el archivo .gif que eligió anteriormente.

    The code that appears will look similar to the following code:
    <input class="langFont" title="" style="BORDER: none; BACKGROUND-IMAGE: url(AG00174_.gif); 
         BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; WIDTH: 86px; HEIGHT: 85px" type="button" 
         value="Button" xd:xctname="Button" xd:CtrlId="CTRL1_5" tabIndex="0"/>
  13. Guarde el archivo View1.xsl modificado. Cierre el Bloc de notas.
  14. Mover a la carpeta que tiene los archivos extraído Button1.xsn.

    Nota Ésta es la carpeta con el archivo View1.xsl modificado.
  15. Haga doble clic en manifest.xsf para abrir el formulario en InfoPath.

    Nota El botón original muestra la imagen .gif en la esquina superior izquierda con el botón en el centro del botón de la palabra.
  16. Cierre InfoPath.
  17. En el Bloc de notas, vuelva a abrir el archivo View1.xsl. Para modificar el "< entrada... / >" sección, siga estos pasos:
    1. Cambiar el tamaño de botón a 100 píxeles por 100 píxeles.

      Puede hacer cambiando el atributo WIDTH del botón y cambiando el atributo HEIGHT del botón.
    2. Eliminar la palabra botón para quitar la palabra botón de la cara del botón.

      Puede hacer cambiando el atributo VALUE del botón.
    3. Centrar la imagen GIF en el botón.

      Para ello puede cambiar el atributo BACKGROUND-POSITION del botón.

      El <input.../> modificados element will look similar to the following code:
      <input class="langFont" title="" style="BORDER: none; BACKGROUND-IMAGE: url(AG00174_.gif); 
           BACKGROUND-POSITION: center; BACKGROUND-REPEAT: no-repeat; WIDTH: 100px; HEIGHT: 100px" type="button" 
           value="" xd:xctname="Button" xd:CtrlId="CTRL1_5" tabIndex="0"/>
    4. Guarde el archivo View1.xsl modificado. Cierre el Bloc de notas.
  18. Reemplazar la versión anterior del archivo manifest.xsf con la versión más reciente del archivo manifest.xsf.

    Nota Si doble clic en el archivo manifest.xsf, abra el formulario en InfoPath. Los cambios no están en el formulario. Este comportamiento se produce porque la versión anterior del archivo manifest.xsf es en la caché. Debe reemplazar la versión anterior del archivo manifest.xsf con la versión actual del archivo manifest.xsf. Para ello, utilice uno de los métodos siguientes:
    • Método 1: En la línea de comandos de Windows, escriba el comando siguiente y, a continuación, presione ENTRAR:
      InfoPath.exe /cache clearall
    • Método 2:
      1. Abra el archivo manifest.xsf en Bloc de notas.
      2. En el menú archivo , haga clic en Guardar como .

        El cuadro de diálogo Guardar como pide si desea reemplazar el archivo existente con el mismo nombre de archivo.
      3. Haga clic en
    La versión más reciente del archivo manifest.xsf tiene una marca de tiempo más reciente. Por lo tanto, cuando hace doble clic en la versión más reciente del archivo manifest.xsf, se descarta el archivo en caché. El archivo en caché se reemplaza con la versión más reciente del archivo manifest.xsf. Después de completar el método 1 o el método 2, haga doble clic en la versión más reciente del archivo manifest.xsf. Puede ver el nuevo botón.

Propiedades

Id. de artículo: 832511 - Última revisión: martes, 19 de junio de 2007 - Versión: 2.2
La información de este artículo se refiere a:
  • Microsoft Office InfoPath 2007
  • Microsoft Office InfoPath 2003
  • Microsoft Office InfoPath 2003, Service Pack 1 (SP1)
Palabras clave: 
kbmt kbhowtomaster KB832511 KbMtes
Traducción automática
IMPORTANTE: Este artículo ha sido traducido por un software de traducción automática de Microsoft (http://support.microsoft.com/gp/mtdetails) en lugar de un traductor humano. Microsoft le ofrece artículos traducidos por un traductor humano y artículos traducidos automáticamente para que tenga acceso en su propio idioma a todos los artículos de nuestra base de conocimientos (Knowledge Base). Sin embargo, los artículos traducidos automáticamente pueden contener errores en el vocabulario, la sintaxis o la gramática, como los que un extranjero podría cometer al hablar el idioma. Microsoft no se hace responsable de cualquier imprecisión, error o daño ocasionado por una mala traducción del contenido o como consecuencia de su utilización por nuestros clientes. Microsoft suele actualizar el software de traducción frecuentemente.
Haga clic aquí para ver el artículo original (en inglés): 832511

Enviar comentarios

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com