Page Properties Show/Hide | Community
Skip to main content
P
prajwalreddi
Level 2
January 9, 2019
Solved

Page Properties Show/Hide

  • January 9, 2019
  • 4 replies
  • 4122 views

We have implemented the Show/Hide of the page properties using cq-dialog-dropdown-showhide-target AEM 6.4. Show/hide things are working absolutely fine. When required:true is enabled for multiple fields  it is not allowing to submit unless we fill in required fields of the hidden fields.

Assume we have drop with below values. We have different fields for the selection in the dropdown in which few of them are mandatory. When we select xyz and try to submit. It is not submitted and shows required error in abc. I know it works as expected for component dialog. But seems it is not working for page properties. Do we have any other option to achieve it?

- Dropdown

------abc

------efg

------xyz

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by arunpatidar

    you can write your own logic and do validation based on displayed field. you can remove property validation(Boolean)=true.

    and on dialog submit you can apply validation using javascript.

    You can add class property e.g. granite:class(String)=someClass for selector for all the required filed and when you submit the form.

    your selector would be like

    $(".someClass").not(".hide").each( function(){

    });

    4 replies

    arunpatidar
    Community Advisor
    arunpatidarCommunity AdvisorAccepted solution
    Community Advisor
    January 9, 2019

    you can write your own logic and do validation based on displayed field. you can remove property validation(Boolean)=true.

    and on dialog submit you can apply validation using javascript.

    You can add class property e.g. granite:class(String)=someClass for selector for all the required filed and when you submit the form.

    your selector would be like

    $(".someClass").not(".hide").each( function(){

    });

    Arun Patidar
      P
      prajwalreddiAuthor
      Level 2
      January 9, 2019

      Implementing it using Jquery is fine. But wanted to understand if the behavior what we are seeing is expected or do we have any solution without any custom implementation.

      smacdonald2008
      smacdonald2008
      Level 10
      January 10, 2019

      Arun's answer is correct - you need to use some custom logic.

      S
      shivamurthym775
      Level 2
      June 23, 2020

      @prajwalreddi ,

      I am facing some issue in implementing the show hide at page props level. can you share the xml and js here?

      I can see its working if i keep the xml at component level.

      For page props first time on page load logic works fine, But on save and submit its doesn't keep the values back. I am checking with existing the dialog from list component.

       i was just checking with this 

      /apps/core/wcm/components/list/v1/list/cq:dialog

      M
      mohanmathka
      February 8, 2023

      i also facing same issue hide and show working as expected in component level but not in page properties @shivamurthym775 did you get any solution.

      @arunpatidar Do you have any solution for this.

      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      February 9, 2023

      Hi,

      Page property dialog are different than the component dialog, and does not load the cq.authoring.dialog clientlibs

      You have to load the show-hide-js using the extraclientlibs 

      https://github.com/arunpatidar02/aem63app-repo/blob/master/js/dropdownshowhide-multifield.js 

       

      Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...