Show and Hide dependencies on form fields not working

Sam West

Vote:

I have set up a Epi Form that contains two elements. A Text Box with a "This Field will be hidden" option when the value of a multiselect field Equals "No".

When I select "No" on the multiselect there are no console errors shown, but the Text Box element is not hidden.

I have @Html.RequiredClientResources(RenderingTags.Header) in the head. Is there something else I need to do for this functionality to work?

#219217

Mar 31, 2020 12:55

Paul Gruffydd

Vote:

Hi,

Have you also included @Html.RequiredClientResources("Footer") at the bottom of your page? Amongst other things, this is used to add jQuery onto your page which is a requirement for a number of the client-side features of Episerver Forms.

#219218

Mar 31, 2020 13:19

Sam West

Vote:

Just as a quick update - did the following to resolve:

Html.RequiredClientResources(..) for both header and footer + ensured no browser console errors for epi forms as a result.
Ensured javascript enabled on the epi forms options
Cleared browser cache

#221293

Apr 16, 2020 9:25

Thomas - Aug 19, 2020 8:42

Hi Sam, how did you verify step 2?

I have the exact same problem as you first posted. I have @Html.RequiredClientResources("Footer") and @Html.RequiredClientResources("Header") properly placed in the code and I've tried clearing the cache. The Text Box will not "hide" and their is no console errors.

Any tips would be helpful :)