Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

How to hide specific inherited design dialog field

Avatar

Level 7

Created a component and extended to core image component

tushaar_srivastava_0-1635833132158.png

I have used sling:hideChildren property to hide the Inherited fields from design dialog,
Now I am trying to hide OOB width i.e. /libs/core/wcm/components/image/v3/image/cq:design_dialog/content/items/tabs/items/properties/items/content/items/widths

but not able to hide the width using sling:hideChildren in design dialog.

tushaar_srivastava_1-1635834508607.png

 

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="nt:unstructured"
    jcr:title="Image"
    sling:resourceType="cq/gui/components/authoring/dialog"
    helpPath="https://www.adobe.com/go/aem_cmp_image_v3">
    <content
        granite:class="cmp-image__editor"
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/container">
        <items jcr:primaryType="nt:unstructured">
            <tabs
                jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/coral/foundation/tabs"
                maximized="{Boolean}true">
                <items jcr:primaryType="nt:unstructured">
                    <properties
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Main"
                        sling:resourceType="granite/ui/components/coral/foundation/container"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <content
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/coral/foundation/container"
                                margin="{Boolean}false">
                                <items jcr:primaryType="nt:unstructured"
                                sling:hideChildren="[resizeWidth,allowedRenditionWidths,altValueFromDAM,titleValueFromDAM,jpegQuality]">
                                </items>
                            </content>
                        </items>
                    </properties>
                    <styletab
                        jcr:primaryType="nt:unstructured"
                        sling:resourceType="granite/ui/components/coral/foundation/include"
                        path="/mnt/overlay/cq/gui/components/authoring/dialog/style/tab_design/styletab"/>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>

 

 

@Vijayalakshmi_S  @arunpatidar  @BrianKasingli  @kautuk_sahni  @Bhuwan_B @Nikhil-Kumar 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @tushaar_srivastava,

If you don't want the widths (multifield), then we need to mention the same and not the field under it which is allowRenditionWidths 

<itemsjcr:primaryType="nt:unstructured"sling:hideChildren="[resizeWidth,altValueFromDAM,titleValueFromDAM,jpegQuality,widths ]">

 

or if you are looking to retain the widths multifield and amend only the fields under it, then we need to have widths node overridden as well and have desired field node as part of the multifield. 

 

View solution in original post

3 Replies

Avatar

Community Advisor

Hi,

Could you please share yor design dialog, how you are doing this?

try with sling:hideResource

https://experienceleague.adobe.com/docs/experience-manager-64/developing/platform/sling-resource-mer...

 



Arun Patidar

Avatar

Level 7

Hi Arun,
I have updated the dialog in above question.

since I need to hide the OOB width that is a multifield and under /libs/core/wcm/components/image/v3/image/cq:design_dialog/content/items/tabs/items/properties/items/content/items/widths

I am hiding the fields under width as you can see around last line of above dialog xml

<itemsjcr:primaryType="nt:unstructured"sling:hideChildren="[resizeWidth,allowedRenditionWidths,altValueFromDAM,titleValueFromDAM,jpegQuality,allowedRenditionWidths ]">

 

Hiding the field under width using sling:hiddenChildern : allowedRenditionWidths

I tried with sling:hideResource, but didn't worked for me.

Avatar

Correct answer by
Community Advisor

Hi @tushaar_srivastava,

If you don't want the widths (multifield), then we need to mention the same and not the field under it which is allowRenditionWidths 

<itemsjcr:primaryType="nt:unstructured"sling:hideChildren="[resizeWidth,altValueFromDAM,titleValueFromDAM,jpegQuality,widths ]">

 

or if you are looking to retain the widths multifield and amend only the fields under it, then we need to have widths node overridden as well and have desired field node as part of the multifield.