A mask for input in "Spreadsheet to Form"

  • Profile Image
    Cheeseathome
    Asked on March 18, 2018 at 05:40 PM

    I need to create the following mascara (or mask) for the "Spreadsheet to form" widget. The mask is the following ##. ###. ### / #### - ##. This is called CNPJ in Brazil. Every company has its CNPJ. It is what identifies it with the government of Brazil. Can you help me create a CSS code. Maybe give me a code for something else and I'll change to fit it.

  • Profile Image
    jonathan
    Answered on March 18, 2018 at 07:00 PM

    If I understand correctly, you actually want to obfuscate the input while typing in the input box...

    Example:

    1521413947zzz 2018-03-19 06.57.26.png

    ---

    You can achieve a similar thing using custom injected CSS codes into the widget.


    #access-code{

      -webkit-text-security : disc;

    }

    1521413996zzz 2018-03-19 06.56.23.png


    Let us know this did not work.

  • Profile Image
    Cheeseathome
    Answered on March 18, 2018 at 07:20 PM
    No. I need to enter the number when entering the following format. 99.999.999 / 9999-99examples 25.290.782 / 0001-71 66.487.836 / 0001-70
  • Profile Image
    jonathan
    Answered on March 18, 2018 at 07:53 PM

    Thank you for the clarification and explanation. Unfortunately masked input for the spreadsheet widget is not possible at this time.

    The most I come up with is to use hint text instead. You can do so using CSS codes like this.

    #id_3::after {

        content: "Format: ##. ###. ### / #### - ##";

    }

    1521417150zzz 2018-03-19 07.51.23.png


    alternate: position it below the field label.


    #label_3::after {

        content: "Format: ##. ###. ### / #### - ##";

    }


    Let us know if this will not work.



  • Profile Image
    Cheeseathome
    Answered on March 18, 2018 at 08:06 PM
    did not work.
  • Profile Image
    liyam
    Answered on March 19, 2018 at 04:33 AM

    Unfortunately, it is not possible to require or restrict the input value for the Spreadsheet to form widget into a specific format.

    What Jonathan did was add a subtext to set a reminder for your users on what format the values should be entered.

    If you have additional questions, please let us know.