Hi everyone,
I need to put masks in my input fields, on Bonita 7 forms. How do I do it using the new UI Designer? (Details, please, I am not that good programmer).
Regards,
Ricardo
2 Likes
Hi, how can I create a custom widget inside the bonita 7 UI designer (community) using ngmask to mask currency input?
Hello. I doubt I will have an answer on this old subject, but I am trying ..
I am new to the web and do not know Angular. I tried the widget from "yannick.lombardi: You can download the widget here: https://www.dropbox.com/s/f6yfnjf95lznt6w/widget-InputMask.zip?dl=0", but it doesn't work.
I tested the widget on Bonita 7.6.3 and 7.10.5.
I imported it into UI Designer. I put it in an existing form and did a preview. I can type anything in it while the mask imposes 00/00/0000.
Perhaps it is related to the evolutions of Bonita since 2015.
How do you set up the input masks ?
Thanks.
Question update. I saw people saying: use JQuery, use CSS. The problems are: JQuery do not have any mask function (it’s made using some non-official plugin), and CSS masks are for images only. So, the problem remains. Any comments?
Regards.
What do you mean by Masks? Can you explain exactly what you want as people have answered what you’ve asked.
jquery and CSS are the appropriate way.
What makes jquery official anyway - popularity? There is nothing wrong with non-official plug-ins it’s what makes everything in open source work…
regards
@sean-mcp
What I meant by masks can be found in “input mask” @ Wikipedia (https://en.wikipedia.org/wiki/Input_mask) and I really thought it was common sense - my mistake.
In the new UI Designer I could not get inputs formatted while being typed, and when checking it after typing I was not able to make it affect the $form.$valid expression. May be I am just an old, unfit programmer.
By unofficial, in this context, I meant it didn’t came from the product community (and, in fact, there is no community supporting it, just a very smart person who may get bored and dump it overnight).
What makes something “official”, at least to me, is a community of a hundred keeping a product alive, and yes, a lot of people using it because it is good, not just “free”. Opinions about it may differ, of course.
Regards.
Hi, yes, apologies, input masks…
I was just thinking of password style masking. Should expand my knowledge a bit from when I did PL/S on IBM s370…I’m probably older and un-fitter than you…definitely more tired…
I think the way to do it is via Assets in the UI form the documentation seems to have been updated a bit to show how to do it.
http://documentation.bonitasoft.com/assets
It would probably be a good idea to build up a library of them as custom widgets as detailed in the text which you can use constantly.
I like the “unofficial” description, pretty much why I still use windows vs the hundreds of differing flavors of L****x out there. As you say, a small bunch of people think it’s better to fork a thing become propriety and slowly it dies away leaving users in the lurch.
Sorry to all L****x people out there 
Hi.
I didn’t know what an Input Mask was. This is something very interesting.
I will use them in some of my form.
I create a simple widget based on this jquery plug-in :
http://digitalbush.com/projects/masked-input-plugin/
You can download the widget here :
https://www.dropbox.com/s/f6yfnjf95lznt6w/widget-InputMask.zip?dl=0
It may serve you as a basis for a more complete widget.
EDIT :
I also try to create a widget based on this plug-in :
https://github.com/candreoliveira/ngMask/
It offers a lot of possibilities.
Thank you guys,
I’ll give all this info a try.
But I think of field validation and masks included in field properties, as a feature of UI Designer that should be build, don’t you?
Regards.
But I think of field validation and masks included in field properties, as a feature of UI Designer that should be build, don’t you?
yes but probably only in subscription versions