¿Cómo mostrar el separador de miles en un control TextBox en Power Apps?

Publicado por

Existe un incidente cuándo se trabaja con monedas dentro de PowerApps, y básicamente es que en los controles tipo TextBox el separador de miles no se muestra, comprometiendo de este modo la experiencia del usuario que hace uso de la aplicación.

Cómo workaround para visualizar el formato de moneda en tiempo real dentro del TextBox puede realizar los siguientes pasos:

  • Paso 1: En la propiedad OnSelect del botón o icono que lleva hacía el nuevo formulario dónde voy a ingresar la moneda, cree una variable usando el siguiente código:
    Set(varMoneda; Blank())

  • Paso 2: Configure la propiedad Default del DataCard que contiene el control TextBox, al que vamos a llamar en este caso TextBoxMoneda, con el siguiente código: varMoneda

  • Paso 3: Configure la propiedad Default del control TextBox en varMoneda

  • Paso 4: Configure la propiedad DelayOutput del control TextBox en false

  • Paso 5: Agregue un control tipo Timer y configure su propiedad OnTimerStart con el siguiente código:

    If(
    TextBoxMoneda.Text = "0";
    Set(
    varMoneda;
    "0"
    );
    Set(
    varMoneda;
    Text(
    Value(
    Substitute(
    Substitute(
    TextBoxMoneda.Text;
    ",";
    ""
    );
    "$";
    ""
    )
    );
    "[$-en-US]$ ###,###"
    )
    )
    )

  • Paso 6: Configure la propiedad Duration del Control Timer en 1

  • Paso 7: Configure la propiedad Repeat del Control Timer en true

  • Paso 8: Configure la propiedad AutoStart del Control Timer en true

  • Paso 9: Configure la propiedad AutoPause del Control Timer en true

  • Paso 10: Configure la propiedad Visible del Control Timer en false

Cabe resaltar que PowerApps usará el símbolo de moneda con base en el idioma y región configurada en el dispositivo o navegador que consumirá la app.

Un comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *