Format Input with Custom Suffix

[maze]

Hi there,

I need to create an Input with the suffix “sats” like in this screenshot:

I tried to use a text element near an input - but the problem here is that the input cannot scale in width dynamically (width to content).

Another idea I had was to use an “invisible” input and then display the output as text. Problem here is that there is no “position cursor” with this method.

I also tried to use the “input formatter” but without success.

Has anybody an idea on how to achieve this neatly?

Thanks in advance.
Maze

[rpetribu]

You can use a plugin to mask your input field. Search for “input mask”, you should find.

[maze]

Thanks for your tip. However this is very similar to the input formatter and I am not able to make this work

[rpetribu]

This works for you?

[maze]

Thanks for your effort

Comes pretty close - even better would be if the sats is there permanently…Is that possible too?

[rpetribu]

Good news:

But it is not going to work with Bubble’s new responsive engine.

Plugin page:

Input suffix & checker Plugin for Bubble, by Alegria Group

Working example:
https://alegria-plugins-demo-app.bubbleapps.io/version-test/input-checker-suffix?debug_mode=true

[maze]

I was able to get it work with “Toolkit’s Input Formatter” using:

However I needed to leave away the suffix as it is not working very well…
Thanks for your help.