Number Field With Decimal values | Community
Skip to main content
R
rohits65152179
June 21, 2018
Solved

Number Field With Decimal values

  • June 21, 2018
  • 3 replies
  • 5740 views

Hi I am creating a dialog with multifield which have 2 number fields . Those number fields are latitude and longitude so I want that only numbers with decimal can be entered into the field, but it is not allowing me to enter the decimal values. I have gone through the link which said to use @TypeHint but seems it is only used for saving the data in the particular format and not entering the data.

Can anyone please point if there is any OOTB number field which accepts decimal also? Any pointers will be highly appreciated.

My aem version is 6.4.

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

The above link deals with Classic UI data types - xtype.

For Granite types - I am checking with the touch ui team. [UPDATE]

Team replied:

Yes there is no mentioned but you can use decimals in it.

https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/form/numberfield/index.html

Also you can define step count in decimal

It step count is 0.2, it will update from 0.2 -> 0.4 -> 0.6…

Also - you can write you own AEM TOuch UI Resource type to achieve this functionality - something like:

jQuery Number Format Plugin

To learn how to create your own resource type - see this article that creates a resource type that defines a color picker:

Adobe Experience Manager Help | Creating a custom Experience Manager sling:resourceType for Touch UI

If you need a data type not defined in the Granite API, then build your own using JQuery - as shown above. Hope this helps...

3 replies

peterp18579053
peterp18579053
June 21, 2018

Dear Rohit,

Please find following community answer[1]

[1] Decimal values in Numberfield?

Regards,

Peter

smacdonald2008
smacdonald2008Accepted solution
June 21, 2018

The above link deals with Classic UI data types - xtype.

For Granite types - I am checking with the touch ui team. [UPDATE]

Team replied:

Yes there is no mentioned but you can use decimals in it.

https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/granite-ui/api/jcr_root/libs/granite/ui/components/coral/foundation/form/numberfield/index.html

Also you can define step count in decimal

It step count is 0.2, it will update from 0.2 -> 0.4 -> 0.6…

Also - you can write you own AEM TOuch UI Resource type to achieve this functionality - something like:

jQuery Number Format Plugin

To learn how to create your own resource type - see this article that creates a resource type that defines a color picker:

Adobe Experience Manager Help | Creating a custom Experience Manager sling:resourceType for Touch UI

If you need a data type not defined in the Granite API, then build your own using JQuery - as shown above. Hope this helps...

M
MichaelNi7
October 7, 2019

Hi, thank you for help. I used it in one component, it works but I have a problem at some values, which I do not understand.

If I try to enter 4,02 it shows me an validation error when I take 4,01 it is no problem.

<barValue
   jcr:primaryType="nt:unstructured"
   sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"
   fieldLabel="GeneralBarValue"
   name="./barValue"
   value="1.1"
   typeHint="Decimal"
   step="0.001"

/>

Terms & ConditionsAccessibility statement

Loading footer...