nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Text Field Mask

gabri124

Hello i'm trying to search an example to create a text field mask. The problem is that i have a textfield that must be a 5 digits field, but it isn't mandatory then i dont know how to manage it (i ussually create events functions on mandatory fields to control mask).
How can i manage to create a mask for a field and dont use events functions?

Can you help me?

Thx

Find more posts tagged with

Comments

ltardioli

You could set this on control-param in your share-config-custom.xml;

<field id="my:field">
                  <control template="/org/alfresco/components/form/controls/textfield.ftl">
                     <control-param name="maxLength">5</control-param>
                     <control-param name="size">5</control-param>
                  </control>
</field>
‍‍‍‍‍‍‍‍

gabri124

Thx Itardiol, i have code this change, but this form field doesn't control that user uses only numbers, that's why the reason to try to create a mask

ltardioli

So, in this case you could do this by change your model definition creating a constraint:

<constraints>
        <constraint name="my:customContraint" type="REGEX">
         <parameter name="expression"><value>Here goes your  regular expression that allows only numbers</value></parameter>
         <parameter name="requiresMatch"><value>true</value></parameter>
   </constraint>
</constraints>
‍‍‍‍‍‍‍‍

And in your property definition:

<property name="my:field">
               <title>My Field</title>
               <type>d:text</type>
               <constraints>
                  <constraint ref="my:customContraint" />
               </constraints>
            </property>
‍‍‍‍‍‍‍‍‍

With this constraint you allow only numbers in your field and with first solution that I said you set the size of the field;

I think that regular expression is something like this: ^[0-9]+$ but I'm not sure.

Try this and let me know 😃

ltardioli

I almost forgot that you can do a size definition setting a constraint too:

<constraint id="my:lengthCont" type="LENGTH">
                    <parameter name="minLength"><value>0</value></parameter>
                    <parameter name="maxLength"><value>5</value></parameter>
</constraint>
‍‍‍‍‍‍

gabri124

thx i will try this solution

gabri124

I have try this option, but when i write a number i loose the field focus, and this occurs everymoment

I think that may be i will create a new textfield template that mandataroy attribute will not paint * in the field form