Touch UI equivalent for showhide xtype | Community
Skip to main content
Level 2
October 9, 2018

Touch UI equivalent for showhide xtype

  • October 9, 2018
  • 8 replies
  • 6286 views

We're in the process of converting all of our Classic UI dialogs to Touch UI using the dialog conversion tool. We're using the showhide xtype in a lot of our form field components and we're looking for an equivalent or alternative widget for the Touch UI. Any suggestions?

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

8 replies

arunpatidar
Community Advisor
Community Advisor
October 10, 2018

Hi,

Is showhide is OOTB xtype or custom.

But there is no type available in touch UI to show hide with cutomization.

You can refer below example to create showhide functionality in touch ui diaog

Show/hide related implementation in dialog in AEM 6.3

https://gist.github.com/rjspiker/003cf9eac1e853bb109a

Arun Patidar
Level 2
October 10, 2018

Hey Arun,

Thanks for the reply but the examples provided won't work for this scenario. The showhide is an OOTB xtype. It is used to capture the show/hide logic for fields within a web form instead show/hide logic for widgets within a dialog.

arunpatidar
Community Advisor
Community Advisor
October 10, 2018

Hi,

In Touch UI , you need to write code which act on onChange event

For example below file is OOTB for show hide items based on dropdown selection, similarly you can write your own

/libs/cq/gui/components/authoring/dialog/dropdownshowhide/clientlibs/dropdownshowhide/js/dropdownshowhide.js

https://aem.adobemarketingclub.com/toggle-fields-based-on-selection-in-granite-ui-dialogs/

If you have ACS AEM common package install then you can check below as well.

Show/Hide Widgets

Arun Patidar
Level 2
October 10, 2018

Arun,

I am aware of how to implement show/hide logic for widgets within a dialog. That's not what i'm asking about here. I'm referring to the specific showhide xtype which handles show/hide logic for the HTML elements in a web form, not widgets in a dialog. The values captured in this xtype are passed along to the Abacus JS which handles form logic for components that extend OOTB form field components. Below is a screenshot of the showhide xtype. Clicking that checkbox in the background dialog opens the 2nd dialog that allows authors to configure show/hide logic for elements that are present on the web form.

arunpatidar
Community Advisor
Community Advisor
October 10, 2018

Hi,

I think it is related to AEM Form components. Check below if helps otherwise post same in AEM Form community

Developing Forms

AEM Forms Community

Adobe Experience Manager Forms

Arun Patidar
Level 2
October 12, 2018

It's not related to AEM Forms either. Please stop polluting this thread with unrelated suggestions.

December 19, 2019

Did you find a way to use the xtype showhide in touch ui? If yes then can you please help me too with it.

Level 2
May 4, 2022

Hi, Even I see the same issue. Can someone please suggest any idea on this?