Compartir a través de

Plantilla de pantalla de correo electrónico para aplicaciones de lienzo

  • Artículo

En una aplicación de lienzo, agregue una pantalla de correo electrónico que permita a los usuarios enviar un correo electrónico desde su cuenta de Office 365 Outlook. Los usuarios pueden buscar destinatarios en sus organizaciones y también agregar direcciones de correo electrónico externas. Puede agregar compatibilidad con imágenes adjuntas, cambiar los datos del usuario que aparecen en la galería de búsqueda y realizar otras personalizaciones.

También puede agregar otras pantallas basadas en plantillas que muestran datos diferentes de Office 365, como el calendario de un usuario, personas en una organización, y disponibilidad de las personas que los usuarios quieran invitar a una reunión.

Esta descripción general le enseña:

  • Cómo usar la pantalla de correo electrónico predeterminada.
  • Cómo modificarla.
  • Cómo integrarla en una aplicación.

Para una inmersión más profunda en la funcionalidad predeterminada de esta pantalla, consulte la referencia de pantalla de correo electrónico.

Requisito previo

Familiaridad con cómo agregar y configurar pantallas y otros controles a medida que crea una aplicación en Power Apps.

Funcionalidad predeterminada

Para agregar una pantalla de correo electrónico desde una plantilla:

  1. Inicie sesión en Power Apps, y luego cree una aplicación o abra una aplicación existente en Power Apps Studio.

    Este tema muestra una aplicación de teléfono, pero los mismos conceptos se aplican a una aplicación de tableta.

  2. En la pestaña Inicio de la cinta, seleccione Nueva pantalla > Correo electrónico.

    Por defecto, la pantalla se parece a esto:

    Pantalla de correo electrónico.

Algunas notas útiles:

  • Para buscar usuarios en su organización, comience a escribir su nombre en el cuadro de entrada de texto debajo de "Para".
  • Al buscar personas, solo se devolverán los 15 resultados principales.
  • Para agregar direcciones de correo electrónico para destinatarios de correo electrónico fuera de su organización, escriba la dirección de correo electrónico válida completa y seleccione el ícono "+" que aparece a la derecha de esta.
  • Debe agregar al menos una persona como destinatario y proporcionar un asunto para enviar un correo electrónico.
  • Después de enviar el correo electrónico, se borrará todo el contenido de la línea de asunto y el cuerpo del mensaje, así como la lista de destinatarios.

Modificar la pantalla

Puede modificar la funcionalidad predeterminada de esta pantalla de varias maneras comunes:

Si desea modificar más la pantalla, use la referencia de pantalla de correo electrónico como guía.

Importante

Los siguientes pasos suponen que ha agregado solo una pantalla de correo electrónico a la aplicación. Si ha agregado más de uno, los nombres de control (como iconMail1) finalizarán con un número diferente y deberá ajustar las fórmulas en consecuencia.

Agregar soporte para adjuntar imágenes

Esto permite a los usuarios enviar una sola imagen con su correo electrónico como archivo adjunto.

  1. En la pestaña Insertar, seleccione Medios y, a continuación, seleccione Agregar imagen.

  2. Establezca la propiedad Y del control nuevo en esta expresión:

    TextEmailMessage1.Y + TextEmailMessage1.Height + 20

  3. Con el control AddMediaWithImage insertado, establezca su altura en menos de 210.

  4. En la vista de árbol de control, seleccione AddMediaWithImage > ... > Reordenar > Enviar al fondo. Esto evita que el control se coloque frente al control PeopleBrowseGallery.

  5. Cambie la propiedad Height de EmailPeopleGallery a esta fórmula:

    Min( 
    ( EmailPeopleGallery1.TemplateHeight + EmailPeopleGallery1.TemplatePadding * 2 ) *
        RoundUp( CountRows( EmailPeopleGallery1.AllItems ) / 2, 0 ), 
    304
)

  6. Establezca la propiedad ShowScrollbar de EmailPeopleGallery a esta expresión:

    EmailPeopleGallery1.Height >= 304

    Esto evita que la altura máxima empuje al control AddMediaWithImage de la página.

  7. Cambie la propiedad OnSelect del control iconMail a esta fórmula:

    Set( _emailRecipientString, Concat(MyPeople, Mail & ";") );
If( IsBlank( UploadedImage1 ),
    'Office365'.SendEmail( _emailRecipientString, 
        TextEmailSubject1.Text, 
        TextEmailMessage1.Text, 
        { Importance: "Normal" }
    ),
    'Office365'.SendEmail( _emailRecipientString, 
        TextEmailSubject1.Text, 
        TextEmailMessage1.Text, 
        {
            Importance: "Normal",
            Attachments: Table(
                {
                    Name: "Image.jpg", 
                    ContentBytes: UploadedImage1.Image
                }
            )
        }
    )
);
Reset( TextEmailSubject1 );
Reset( TextEmailMessage1 );
Reset( AddMediaButton1 );
Clear( MyPeople )

    Esta fórmula busca una imagen cargada. Si no hay ninguna, entonces usa la misma operación Office365.SendEmail como antes. Si hay una imagen, se agrega como un archivo adjunto en la tabla Adjuntos. Después de enviar el correo electrónico, se realiza una operación adicional Reset en AddMediaButton para eliminar la imagen cargada.

Nota

Para agregar más de un archivo adjunto a un correo electrónico, agregue registros a la tabla Adjuntos.

Mostrar datos diferentes para personas

Esta pantalla usa la operación Office365Users.SearchUser para buscar usuarios en su organización. Proporciona campos adicionales para cada evento más allá de lo que aparece en el control PeopleBrowseGallery. Agregar o cambiar campos en la galería es simple:

  1. En el control PeopleBrowseGallery, seleccione una etiqueta para modificar (o agregue una y manténgala seleccionada).

  2. Con su propiedad Text seleccionada, en la barra de fórmulas, reemplace el contenido con ThisItem.

    IntelliSense muestra una lista de campos que puede seleccionar.

  3. Seleccione el campo que desee.

    La propiedad Text se actualiza a ThisItem.{FieldSelection}.

Integrar la pantalla en una aplicación

La pantalla de correo electrónico es un poderoso paquete de controles por derecho propio, pero generalmente funciona mejor como parte de una aplicación más grande y versátil. Puede integrar esta pantalla en una aplicación más grande de varias maneras, incluyendo vinculación a la pantalla del calendario.

Vinculación a la pantalla del calendario

Siga los pasos descritos en la sección "Mostrar asistentes al evento" de Resumen de la pantalla del calendario pero, en el paso final, establezca la función Navigate para abrir la pantalla de correo electrónico. Después de completar estos pasos, la colección MyPeople la colección se completa, lo que permite a los usuarios enviar correos electrónicos a las personas que asisten al evento seleccionado.

Nota

Enviar este correo electrónico enviará un correo electrónico separado del evento real en su Outlook.

Pasos siguientes

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).