Unanswered

Custom JavaScript on the Web Form Step flicker to display form fields before hiding

(0) Share

Report

Posted on by RILocal

Hi,

I'm using Custom JavaScript on the Web Form Step to hide the fields based on the value user select in one of the top field in the form but it flicker to display all fields for 500ms every time I start the form or even in each step I navigate to.

How to avoid that?

Thanks,

-RI

Categories:

Power Apps portals

I have the same question (0)

All responses (4)

Answers (1)

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report

Hi @RILocal ,

can you test this in Incognito window without any extensions on your browser ? Also I am assuming you are using chrome. Can you also check in other browsers as well in Incognito mode without any extensions and let us know.

Hope it helps.

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
RILocal 27 on at

Like (0)

Report

Hi, I tried in the incognito in Chrome and Edge and found the same issue, the fields display, flick and then hide based on the logic I have in the custom js on web form step.
I’m using fetchxml template to get the values from one table and setting values in the dropdown field on my form, then I’m using web form step that have that dropdown and some other fields.
The custom js goes like this

//Get values from fetchxml template
$.getJSON("/fetchxmltemplate?id=" + primaryValue, function(data) {

//Check values in dropdown
if (dropdownvalue != "") {
$("#" + DropdownName).val(dropdownvalue);

//Calling function to hide
ToggleContent();

//Hiding field
function ToggleContent() {
$("#cr501_InputField").closest("td").hide();
}

Thanks,
-RI

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report

Hi @RILocal ,

Unfortunately, this is a common problem. You cannot hide fields by default (as they will not render at all if you will hide them on the form) and using custom classes will not work either (because of how MS renders controls it will hide only input but not the corresponding label). You can, of course, build your own form with liquid but it is an overkill, to be honest. We have the same issue and unfortunately for now just leaving it as is.

Was this reply helpful? Yes No
Verified answer

RILocal 27 on at

Like (0)

Report

Hi, I set the form fields hidden using css in the web template and then changing them to display on the form steps. It kind of solved my problem for now.

Thanks,
RI

Was this reply helpful? Yes No