Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

How to I disable pannel in authroing more?

Avatar

Community Advisor

ManuMathew1994_0-1656692164940.png

Is there a way to disbale this select panel option ? 

Can it be disabled based on a condition/scerario?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@Manu_Mathew_ PFB suggestion for this implementation:

  1. One way is to keep the heading for the tabs also specific to the column. This can be achieved directly by using the OOTB tabs component by dragging the tabs component twice and each having one tab within it and using responsive grid feature adjusting the layout width for the component.
    shaileshbassi_0-1656910806519.png
  2. Second way is to create a customs tabs component similar to column control and within the tabs component create the parsys as per the selection from the user. 

    The hide and show for the active tab can be easily achieved with the custom css.

  3. Third is to use the OOTB as it is built, as going forward when you will divide into the parsys there will be high complexity involved in setting the max-width and on click width adjustment of content & parsys along with the OOTB tabs component adjustments happening in parallel.

Thanks

 

 

View solution in original post

6 Replies

Avatar

Community Advisor

@Manu_Mathew_ : This is coming as part of the accordion core component as well. So if you really wanted to hide the "select panel" try to do it from custom clientlibs based on your logic

Avatar

Community Advisor

This is actually a custom component, but inherits the core components - tabs.

Avatar

Community Advisor

Is there any AEM property way to do so or any recommonded way to do it, or custom js to cherry pic that perticular panel and manupulate is the only option?

Avatar

Community Advisor

@Manu_Mathew_ Even you hide using the custom clientlibs, the same functionality can be achieved via the screen

shaileshbassi_0-1656867501608.png

And this functionality was added specifically so that the dependency to author the ordering of the tabs can be done by the authors and developers do not have to make the changes from the CRDLE Lite.

 

Can you elaborate more on the use case, why you need to disable the functionality.

Thanks

Avatar

Community Advisor

@ShaileshBassi Consider we have a counter to set the number of items say 3 and the parsys is displayed side by side, say left, center and right, and based on tab selection , we can hide and show respective tab panels.Here since we can see the parsys split in a single row , it need not have select panel.

Avatar

Correct answer by
Community Advisor

@Manu_Mathew_ PFB suggestion for this implementation:

  1. One way is to keep the heading for the tabs also specific to the column. This can be achieved directly by using the OOTB tabs component by dragging the tabs component twice and each having one tab within it and using responsive grid feature adjusting the layout width for the component.
    shaileshbassi_0-1656910806519.png
  2. Second way is to create a customs tabs component similar to column control and within the tabs component create the parsys as per the selection from the user. 

    The hide and show for the active tab can be easily achieved with the custom css.

  3. Third is to use the OOTB as it is built, as going forward when you will divide into the parsys there will be high complexity involved in setting the max-width and on click width adjustment of content & parsys along with the OOTB tabs component adjustments happening in parallel.

Thanks