{"id":5634,"date":"2024-05-21T08:40:33","date_gmt":"2024-05-21T08:40:33","guid":{"rendered":"https:\/\/powergi.net\/?p=5634"},"modified":"2026-06-16T17:12:19","modified_gmt":"2026-06-16T17:12:19","slug":"show-or-hide-fields-in-a-power-pages-form","status":"publish","type":"post","link":"https:\/\/powergi.net\/de\/blog\/show-or-hide-fields-in-a-power-pages-form\/","title":{"rendered":"Show or hide fields in a Power Pages form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5634\" class=\"elementor elementor-5634\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bded1e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2bded1e8\" data-element_type=\"section\" data-e-type=\"section\" data-settings='{\"jet_parallax_layout_list\":[]}'>\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c9990f8\" data-id=\"7c9990f8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-451fafc6 elementor-widget elementor-widget-text-editor\" data-id=\"451fafc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Unfortunately, <\/span>Dataverse Business<span style=\"font-weight: 400;\"> rules do not work on Power Pages sites, so if you need to dynamically show or hide controls based on another\u2019s control value, you will need to add some custom JavaScript to your site.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">But don\u2019t you worry! It\u2019s much more simple than it sounds.<\/span><\/p><p><span style=\"font-weight: 400;\">For this use case we want to show and hide some controls based on the following 2 types of selected values:<\/span><\/p><div id=\"seology-cta-1\">\t\t<div data-elementor-type=\"section\" data-elementor-id=\"7267\" class=\"elementor elementor-7267\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-7e3f164 e-con-full e-flex e-con e-parent\" data-id=\"7e3f164\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\",\"jet_parallax_layout_list\":[]}'>\n\t\t<div class=\"elementor-element elementor-element-9078c9f e-con-full e-flex e-con e-child\" data-id=\"9078c9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"jet_parallax_layout_list\":[]}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b99949 elementor-widget elementor-widget-heading\" data-id=\"7b99949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Turn your ideas into digital solutions<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e61db5 elementor-widget elementor-widget-heading\" data-id=\"8e61db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Our team guides you step by step to build custom apps in Power Platform.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a578907 e-flex e-con-boxed e-con e-child\" data-id=\"a578907\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"jet_parallax_layout_list\":[]}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c827b elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"e8c827b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#ctc_chat\">\n\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d834237 elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"d834237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/powergi.net\/de\/contact\/\">\n\t\t\t<i aria-hidden=\"true\" class=\"far fa-envelope\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Based on a dropdown value\u00a0<\/span><\/li><\/ul><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Based on a Yes\/No radio button<\/span><\/li><\/ul><p>Many organizations combine Power Pages with broader <a href=\"https:\/\/powergi.net\/power-apps-consulting-services\/\"><strong>business application consulting services<\/strong><\/a>, ensuring their forms and workflows align seamlessly with enterprise goals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be5a009 elementor-widget elementor-widget-image\" data-id=\"be5a009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"562\" height=\"337\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-41.png\" class=\"attachment-large size-large wp-image-5638\" alt=\"Show or Hide Control Value\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-41.png 562w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-41-300x180.png 300w\" sizes=\"(max-width: 562px) 100vw, 562px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c8572 elementor-widget elementor-widget-heading\" data-id=\"c4c8572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 1. Open the Power Pages Management app <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5538d5 elementor-widget elementor-widget-text-editor\" data-id=\"a5538d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Let\u2019s just open your Power Pages site and then open the <\/span><a href=\"https:\/\/powergi.net\/power-apps-consulting-services\/\"><b>Management app<\/b><\/a><span style=\"font-weight: 400;\"> from it. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c55ec51 elementor-widget elementor-widget-image\" data-id=\"c55ec51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"246\" height=\"300\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-42-246x300.png\" class=\"attachment-medium size-medium wp-image-5639\" alt=\"Power Pages Management App\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-42-246x300.png 246w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-42.png 518w\" sizes=\"(max-width: 246px) 100vw, 246px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b4fd1 elementor-widget elementor-widget-heading\" data-id=\"53b4fd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 2. Find your form \n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-441afec elementor-widget elementor-widget-text-editor\" data-id=\"441afec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Go to the \u201cBasic Forms\u201d tile and then open the form you\u2019re looking to update with the rules. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-350d4b5 elementor-widget elementor-widget-image\" data-id=\"350d4b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-43-1024x568.png\" class=\"attachment-large size-large wp-image-5640\" alt=\"Basic Forms for Rules Update\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-43-1024x568.png 1024w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-43-300x166.png 300w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-43-768x426.png 768w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-43.png 1430w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6aaac elementor-widget elementor-widget-heading\" data-id=\"1c6aaac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 3. Find the JavaScript box<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3172002 elementor-widget elementor-widget-text-editor\" data-id=\"3172002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Go to the Additional Settings tab, scroll down to the bottom and locate the \u201cCustom JavaScript\u201d text box. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eff2e4 elementor-widget elementor-widget-image\" data-id=\"3eff2e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-44-1024x583.png\" class=\"attachment-large size-large wp-image-5641\" alt=\"Custom JavaScript Text Box\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-44-1024x583.png 1024w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-44-300x171.png 300w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-44-768x437.png 768w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-44.png 1431w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99eaf4c elementor-widget elementor-widget-text-editor\" data-id=\"99eaf4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">This JavaScript code will be added to your website and it will be considered by the browser when it renders the page.\u00a0<br><br><\/span><\/p><p>If you\u2019re implementing complex automation or integrations, working with a <a href=\"https:\/\/powergi.net\/microsoft-power-platform-consulting-services\/\"><strong>Microsoft Power Platform consulting service<\/strong><\/a> can help streamline the process efficiently.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9eaff6 elementor-widget elementor-widget-heading\" data-id=\"f9eaff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 4. Get fields html IDs<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad364ae elementor-widget elementor-widget-text-editor\" data-id=\"ad364ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Open your site and locate the fields you want to dynamically show or hide. Right click on the webpage, and then click on \u201cinspect\u201d.\u00a0\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">This will open a panel on the right side of the screen where you will find the html IDs that belong to both the label and the controls you are interested in, just grab all these IDs and take note of them somewhere else. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21ab328 elementor-widget elementor-widget-image\" data-id=\"21ab328\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-45-1024x496.png\" class=\"attachment-large size-large wp-image-5642\" alt=\"Find the html IDs\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-45-1024x496.png 1024w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-45-300x145.png 300w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-45-768x372.png 768w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-45.png 1339w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66f24d4 elementor-widget elementor-widget-heading\" data-id=\"66f24d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 5. Write your JavaScript code<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38bdb56 elementor-widget elementor-widget-text-editor\" data-id=\"38bdb56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">For our website, we need our code to do the following:\u00a0<\/span><\/p><ul><li><span style=\"font-weight: 400;\">Hide the Yes\/No radio button and the Platform question by default.\u00a0<\/span><\/li><li><span style=\"font-weight: 400;\">If user selects \u201cPurchase Order contact\u201d:\u00a0<\/span><\/li><\/ul><ol><li><span style=\"font-weight: 400;\">Show Yes\/No question.\u00a0<\/span><\/li><li><span style=\"font-weight: 400;\">If the user selects \u201cYes\u201d, show the next text field.\u00a0<\/span><\/li><\/ol><p><span style=\"font-weight: 400;\">To achieve this, we need the following code: <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc4aa96 elementor-widget elementor-widget-heading\" data-id=\"bc4aa96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">JavaScript code for automatically hiding controls when the form loads. <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e130c58 elementor-widget elementor-widget-code-highlight\" data-id=\"e130c58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly class=\"language-javascript\">\n\t\t\t\t\t<xmp>$(document).ready(function () { \r\n\t\/\/this hides the controls when the form loads \r\n\t$(\"#cr49b_ yesnowork _label\").hide(); \r\n\t$(\"#cr49b_yesnowork\").hide(); \r\n\t$(\"#cr49b_platform_label\").hide(); \r\n\t$(\"#cr49b_platform\").hide();\t\r\n \r\n\t\/\/this indicates which function should run when the dropdown and the radio button change values \r\n\t$('#cr49b_contacttype').on(\"change\", onChangeEvent); \r\n\t$('#cr49b_platform').on(\"change\", onChangeEventEDI); \r\n}); \r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d34667 elementor-widget elementor-widget-heading\" data-id=\"3d34667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Code for Contact Type dropdown <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3db94fc elementor-widget elementor-widget-code-highlight\" data-id=\"3db94fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly class=\"language-javascript\">\n\t\t\t\t\t<xmp>function onChangeEvent() { \r\n\t\/\/get selected value \r\n\tvar varChange = $('#cr49b_contacttype').val(); \r\n\t\/\/if user selects \"Purchase order contact\" option (this ID comes from Dataverse choice column ID) \r\n\tif (varChange == 984690001) { \r\n    \t$(\"#cr49b_ yesnowork _label\").show(); \r\n    \t$(\"#cr49b_yesnowork\").show(); \r\n\t} \r\n\telse { \r\n    \t$(\"#cr49b_yesnowork_label\").hide(); \r\n    \t$(\"#cr49b_yesnowork\").hide(); \r\n    \t$(\"#cr49b_platform_label\").hide(); \r\n    \t$(\"#cr49b_platform\").hide();     \r\n    } \r\n} \r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e242a8e elementor-widget elementor-widget-heading\" data-id=\"e242a8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Code for Yes\/No radio button <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32c3c70 elementor-widget elementor-widget-code-highlight\" data-id=\"32c3c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly class=\"language-javascript\">\n\t\t\t\t\t<xmp>function onChangeEventEDI() {     \r\n\t\/\/get selected value \r\n\tvar selected =  $(\"input[type='radio'][id='cr49b_yesnowork_1']:checked\"); \r\n\t\/\/if Yes is selected \r\n\tif (selected.length &gt; 0) { \r\n    \t$(\"#cr49b_ platform_label\").show(); \r\n    \t$(\"#cr49b_ platform\").show(); \r\n\t}  \r\n \t\/\/if No is selected \r\n\telse { \r\n    \t$(\"#cr49b_platform_label\").hide(); \r\n    \t$(\"#cr49b_platform\").hide(); \r\n\t}     \r\n    \r\n} \r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce538f elementor-widget elementor-widget-heading\" data-id=\"2ce538f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Step 6. Add your code \n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36535c1 elementor-widget elementor-widget-text-editor\" data-id=\"36535c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Add the code to the \u201cCustom JavaScript\u201d box and then hit on save\u00a0<\/span><\/p><div id=\"seology-cta-2\">\t\t<div data-elementor-type=\"section\" data-elementor-id=\"7283\" class=\"elementor elementor-7283\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-7e3f164 e-con-full e-flex e-con e-parent\" data-id=\"7e3f164\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"background_background\":\"classic\",\"jet_parallax_layout_list\":[]}'>\n\t\t<div class=\"elementor-element elementor-element-9078c9f e-con-full e-flex e-con e-child\" data-id=\"9078c9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"jet_parallax_layout_list\":[]}'>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b99949 elementor-widget elementor-widget-heading\" data-id=\"7b99949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Is your business ready for automation?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e61db5 elementor-widget elementor-widget-heading\" data-id=\"8e61db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Automate processes with Microsoft Power Platform.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a578907 e-flex e-con-boxed e-con e-child\" data-id=\"a578907\" data-element_type=\"container\" data-e-type=\"container\" data-settings='{\"jet_parallax_layout_list\":[]}'>\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8c827b elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"e8c827b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"#ctc_chat\">\n\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d834237 elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon\" data-id=\"d834237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/powergi.net\/de\/contact\/\">\n\t\t\t<i aria-hidden=\"true\" class=\"far fa-envelope\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5559aed elementor-widget elementor-widget-image\" data-id=\"5559aed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"766\" src=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-46-1024x766.png\" class=\"attachment-large size-large wp-image-5643\" alt=\"Custom JavaScript Box\" srcset=\"https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-46-1024x766.png 1024w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-46-300x225.png 300w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-46-768x575.png 768w, https:\/\/powergi.net\/wp-content\/uploads\/2024\/05\/media-46.png 1427w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0436992 elementor-widget elementor-widget-text-editor\" data-id=\"0436992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">All set! Now just sync your Power Pages site configurations <\/span><span style=\"font-weight: 400;\">and run the site to see magic happen in your form!<\/span><\/p><p><span style=\"font-weight: 400;\">Configuring visibility rules in Power Pages forms improves user experience and keeps data entry clean. With our <a href=\"https:\/\/powergi.net\/microsoft-power-platform-consulting-services\/\"><strong>PowerApps Consulting services<\/strong><\/a>, we help businesses design forms that adapt dynamically to user roles, ensuring the right data is collected without adding complexity.<br><\/span><\/p><p>Contact\u00a0<a style=\"font-family: var( --e-global-typography-text-font-family ), Poppins; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem; background-color: #ffffff;\" href=\"https:\/\/powergi.net\/\"><span style=\"font-weight: bold;\">Power GI<\/span><\/a><span style=\"font-family: var( --e-global-typography-text-font-family ), Poppins; font-weight: var( --e-global-typography-text-font-weight ); background-color: var(--ast-global-color-5); font-size: 1rem;\">\u00a0if you\u2019d like to know how you can start using Power Pages for your business!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unfortunately, Dataverse Business rules do not work on Power Pages sites, so if you need to dynamically show or hide controls based on another\u2019s control value, you will need to add some custom JavaScript to your site. But don\u2019t you worry! It\u2019s much more simple than it sounds. For this use case we want to [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5659,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"glossary_letter":"a","footnotes":""},"categories":[150],"tags":[143,129,151],"class_list":["post-5634","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-power-pages-cat","tag-power","tag-power-gi","tag-power-pages"],"glossary_letter":"a","rank_math_title":"Power GI - Data Analytics Services For Business | Power Pages","rank_math_description":"Explore dynamic data insights with Power GI's data analytics services. Overcome Dataverse limits on Power Pages with custom JavaScript.","rank_math_focus_keyword":"Power Pages","_links":{"self":[{"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/posts\/5634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/comments?post=5634"}],"version-history":[{"count":2,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/posts\/5634\/revisions"}],"predecessor-version":[{"id":13593,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/posts\/5634\/revisions\/13593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/media\/5659"}],"wp:attachment":[{"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/media?parent=5634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/categories?post=5634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/powergi.net\/de\/wp-json\/wp\/v2\/tags?post=5634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}