Make a text field (or image) in Wix forms display conditionally

Ask the community
, ,
1

Hi all - I am building a custom form in wix. I have several conditional questions (i.e. if A is selected, then show B) and want to make a text box conditional as well. Currently, there is no option in the forms menu to add an element that is not an input. If I add an element outside of the forms menu (text, images, etc.) there is no option to make it conditional. How would I code up a solution using velo such that a text box (that is not an input) can be made conditional?

Thanks in advance for your help! :grin:

1920×1059 295 KB

2

  1. Wix Form app is limited and what elements you have control over depends on the specific form app.
    In order to see whether or not you can control this element, click it and see in the panel property and see if you can hide/collapse it. If you can, you may be able to apply code for it.

  2. If you need full flexibility, don’t use Wix Form but create your own form by adding the text elements and input elements.
    See:

https://support.wix.com/en/article/creating-a-form-with-user-input-elements

Then you can do every thing with code.

3

Thanks for your help J.D.!! This project is for a client that was pretty adamant that the solution be as low or no code as possible. I can hide/collapse the text box so I should be able to control it.

Not sure if I can make the text box a child of the multi-select box field so that when the multi-select box appears the text block does as well or, if I need to do it by using expand() and collapse() or, if another/better solution is the way to go.

Ideally I’m looking for a solution the client can easily replicate in the future with other questionnaires…

4

Here is my code so far…

$w . onReady ( function () {
});

export function radioGroup4_change ( event ) {
if ( $w ( ‘#radioGroup4’ ). value === ‘YES’ ) {
$w ( ‘#text42’ ). show ();
} else {
if ( $w ( ‘#radioGroup4’ ). value === ‘NO’ ) {
$w ( ‘#text42’ ). hide ();