{"id":32336,"date":"2022-08-04T13:00:49","date_gmt":"2022-08-04T07:30:49","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=32336"},"modified":"2022-08-04T13:00:49","modified_gmt":"2022-08-04T07:30:49","slug":"format-input-values-into-different-user-input-formats-using-formatting-api-in-pcf-control","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/08\/format-input-values-into-different-user-input-formats-using-formatting-api-in-pcf-control\/","title":{"rendered":"Format input values into different user input formats using Formatting API in PCF Control"},"content":{"rendered":"

Introduction<\/strong><\/p>\n

In the previous blog<\/a>, we have explained the Formatting API of PCF Control where we used the Formatting API to format the input values.<\/p>\n

Earlier, we used different Formatting API methods to format the number<\/a> and date<\/a> values. In this blog, we will introduce a new Formatting API method (formatUserInput<\/a>) that formats the given input values in different user input formats.<\/p>\n

In the below example, we have set the user settings as Number with 2 precision:<\/p>\n

\"Formatting<\/p>\n

Given below are the two (Decimal Number) examples, where in the first example, the input value format to the user format is defined in user settings of Dynamics 365 CRM. And in the second example, the input value format to the user input format is passed as a input parameter to Formatting API method (formatUserInput<\/a>).<\/p>\n

\/\/Function that return result in user decimal format from input value\r\n\r\nformatToDecimal(context:\u00a0ComponentFramework.Context<IInputs>,\u00a0inputValue:any)\u00a0{\r\n\r\nreturn\u00a0context.formatting.formatDecimal(inputValue);\r\n\r\n}\r\n\r\n\/\/Function that return result in decimal format that passed in user input type\r\n\r\nformatToInputType(context: ComponentFramework.Context<IInputs>, inputValue:any): any {\r\n\r\nlet userInputType = {\r\n\r\nType: \"decimal\",\r\n\r\nPrecision: 4,\r\n\r\nPrecisionSource: 0,\r\n\r\nBehavior: null,\r\n\r\nOptionSet: null,\r\n\r\nFormat: null\r\n\r\n};\r\n\r\nreturn context.formatting.formatUserInput(inputValue, userInputType);\r\n\r\n}<\/pre>\n
In the below screenshot, you will find here that we have run the debugger to see the result of the format of input values:
\n\"Formatting<\/p>\n
Conclusion<\/strong><\/h2>\n
With the help of Formatting API of Power Apps, we can easily format the input values to different user input format.<\/p>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Introduction In the previous blog, we have explained the Formatting API of PCF Control where we used the Formatting API to format the input values. Earlier, we used different Formatting API methods to format the number and date values. In this blog, we will introduce a new Formatting API method (formatUserInput) that formats the given\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[18,44,1929,2361],"tags":[],"class_list":["post-32336","post","type-post","status-publish","format-standard","hentry","category-dynamics-365-v9-2","category-power-apps","category-pcf","category-technical"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=32336"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32336\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=32336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=32336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=32336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}