Removing Comma Separator from Integer Field in Freedom UI

I am currently customizing the Account module in the Freedom UI and encountering an issue with the PDS_UsrBillToNumber_volqoyn field. This field is an integer field bound to PDS.UsrBillToNumber in the model configuration.

My goal is to remove the comma separator from this field, but the solutions I have tried so far have not worked. These include:

  1. Using useThousandSeparators: false in controlConfig.
  2. Setting useGrouping: false in the numberFormat object within controlConfig.
  3. Modifying configurations in the format object for field values.
  4. Implementing custom methods for formatting.

Unfortunately, none of these approaches have yielded the desired result. Could you kindly guide me on the correct implementation or suggest an alternative solution?

Like 5

Like

3 comments

Hello Shraddha,

Currently this task is impossible to accomplish with no-code/low-code tools. I have tried to do similar approach as described here: https://community.creatio.com/questions/freedomui-format-number-list-view-without-commas but did not achieve anything. I tried to add eventListenere on the input and replace any non-digit character, but again i could not achieve anything. Anyway i will inform R&D team, so in the nearest future this might be implemented.
 

Any updates on the R&D ticket? It continues to be a frustrating issue - I can't count the number of times I've wanted to remove the comma from an integer field used for the year. 2,026 just does not look right!

Harvey Adcock,

Hello, for this specific case you can use CSS. Works nicely for me.

@font-face to load a completely invisible font and apply it only to the comma character.

#FieldCode input.mat-input-element to tell your input field to use that invisible font for commas, but use standard Montserrat font for the rest.

@font-face {
  font-family: 'NoComma';
  src: url('https://cdn.jsdelivr.net/gh/adobe-fonts/adobe-blank@master/AdobeBlank.otf') format('opentype');
  unicode-range: U+002C;
}
 
#Budget input.mat-input-element {
    font-family: 'NoComma', Montserrat !important; 
}
Show all comments