Currency input
Application Type
Traditional Web
Service Studio Version
11.10.14 (Build 39806)

Hi Outsystems Community

I would like to know if there is a simple way to convert my input box into the currency datatype. Perhaps with the Rand currency "R" as well as adding the spacing in between the digits. I have attached how I would like the input to look like. Any assistance would be highly appreciated.

Currencyinput.PNG

Hi Baden,

You can add min and max to slider like this,

For spacing, do you want space between 120 and 000 ?

 Regards,

Komal

Yes I would like to add spacing there yes

Hi Baden,

I Looked work around for this and came up with manual adding space in numbers,

Is that okay for your requirement to add space manually between numbers??

Please confirm.

Regards,

Komal

Hi Baden ,

Yes you need to add css like this in screens css sheet,

.ChangeAlign {
    text-align: left !important;
    }

and add this class to input filed along with default class of input like this, just add space and paste the name of class after the exiting class 

it will look like this,

Regards,

Komal

 I have attached the OML file please check (You can find it under Demo screen)

CurrencyDemonew.oml

Thanks, I will try this way and mark it as resolved if I get any success

Hey,

You can use [custom input mask] Mask Currency forge component to achieve this. There you can add your currency in prefix, 


Regards,

Komal 

 I have attached the OML file please check (You can find it under Demo screen)

CurrencyDemonew.oml

Thanks, I will try this way and mark it as resolved if I get any success

Hi @Komal Kumbhar is there a way to move the text inside the input box to the left side as shown in the screenshot 

Inputbox.PNG

Hi Baden ,

Yes you need to add css like this in screens css sheet,

.ChangeAlign {
    text-align: left !important;
    }

and add this class to input filed along with default class of input like this, just add space and paste the name of class after the exiting class 

it will look like this,

Regards,

Komal

Hi, @Komal Kumbhar I am currently facing some issues. I need to add spacing between the digits for my input box. I also need to add a minimum and maximum value with my range slider. I will attach how I want the range slider and input box to look like.

Solution.PNG

Hi Baden,

You can add min and max to slider like this,

For spacing, do you want space between 120 and 000 ?

 Regards,

Komal

Yes I would like to add spacing there yes

Hi Baden,

I Looked work around for this and came up with manual adding space in numbers,

Is that okay for your requirement to add space manually between numbers??

Please confirm.

Regards,

Komal

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.