Using Dynamic Attributes - Showing Elements Based On Condition

Wappler General Need Help
1

https://mycybertherapy.com/register.html

Firstly you have done a great job- I had a sort of scales falling from eyes revelation— but this won’t work for me :slight_smile:

   <div class="row mt-4 text-secondary bg-light justify-content-center no-gutters font-weight-lighter text-capitalize text-left lead rounded rounded-sm border-secondary" id="personalDetails" dmx-show="bs4checkbox.checked">
            <div class="col">
              <h1>Fancy display heading</h1>
              <input id="address" name="address" type="text" class="form-control" placeholder="City">
              <input id="Country" name="Country" type="text" class="form-control" placeholder="Country">
            </div>
          </div>
          <div class="row justify-content-start mt-4"></div>
          <button class="btn mt-4">Submit</button></div>
      </div>
    </form>
2

I am getting a security certificate not valid error on that domain:

image
image.png1255×616 18.6 KB

1 Like
3

same here

4

I see the url should be http://www.mycybertherapy.com/register1.html
Sorry - but still not working for me

5

Totally confused. The link you gave shows a registration form which is not related to the above code you posted which doesn’t really tell us anything.

What exactly is your problem?

6

Heres the whole code & I’ll show the row part

<!doctype html>

Untitled Document

Register

Enter your registration details below.

I Read and Accept Terms and Conditions
**
** **
** **

Fancy display heading

** ** ** ** ** **
** **
** **
** ** Submit
** **
** ** ** **
** **
**

I think this is the problematic part

<div class="row mt-4 text-secondary bg-light justify-content-center no-gutters font-weight-lighter text-capitalize text-left lead rounded rounded-sm border-secondary" id="personalDetails" dmx-show="bs4checkbox.checked">
            <div class="col">
              <h1>Fancy display heading</h1>
              <input id="address" name="address" type="text" class="form-control" placeholder="City">
              <input id="Country" name="Country" type="text" class="form-control" placeholder="Country">
            </div>
          </div>
          <div class="row justify-content-start mt-4"></div>
          <button class="btn mt-4">Submit</button></div>
      </div>
    </form>
  </div>

I hope it is clearer
I can see the row hidden and appearing in toggle app connect mode

7

Maybe the film helps

8

I think i see the issue, you want the extended fields to be revealed when the Terms and Conditions checkbox is checked - Yes?

You hide the extended info with the dynamic show attribute: dmx-show=“bs4checkbox.checked” however i see no reference to a checkbox of that name so the condition will never be true so the row will remain hidden

Your actual T & C checkbox <input> has no Name or ID attribute assigned at all and is certainly not “bs4checkbox” so will not trigger the action within the show event you require.

Make sure that the attributes of the T & C checkbox and the dmx-show attribute match and this should work

1 Like
9

Thank you

10

There you have it working

http://www.mycybertherapy.com/register.html

No pain no gain

Thank you again.

1 Like