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
Help, Toggle Full Screen, Cancel, and Done buttons are not visible in my custom dialog
I am seeing a weird behavior that I'm unable to debug in one of my custom components. The buttons that usually appear along the top of the dialog are all "hidden".
This is actually only happening to one component that I'm aware of, and only in staging and production, I cannot reproduce on my local dev environment.
It doesn't appear to be an error either, inspecting the source of the page reveals the following:
<div handle="headerContent" class=" coral3-Dialog-title coral-Heading coral-Heading--2" role="heading" aria-level="2" hidden>
So it looks like something is causing these controls to be hidden...no idea what though.
Anyone else ever run into anything like this and maybe know any threads I can tug at to try to unravel this mystery?
1 Accepted Solution
Hi @zachRuffin
Can you check if you are getting any console error or anything in the error log while opening the dialog?
Also do check if some scripts are overriding/blocking the functionality of core library which is running on staging and/or production.
Managing such script should resolves problem!
Regards,
Santosh
Hi @zachRuffin
I can see few properties (xtype, cq:widget etc.) belongs to classic UI, needed to correct it according to Touch UI something like below
<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/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="Multi Column"
sling:resourceType="cq/gui/components/authoring/dialog">
<content
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">
<items jcr:primaryType="nt:unstructured">
<tab1
jcr:primaryType="nt:unstructured"
jcr:title="General"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
<items jcr:primaryType="nt:unstructured">
<columns
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<desktopColumns
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldDescription="Enter the no. of columns to be displayed on desktop"
fieldLabel="Desktop"
name="./desktopColumns">
<items jcr:primaryType="nt:unstructured">
<one
jcr:primaryType="nt:unstructured"
text="1"
value="1"/>
<two
jcr:primaryType="nt:unstructured"
text="2"
value="2"/>
<three
jcr:primaryType="nt:unstructured"
text="3"
value="3"/>
<four
jcr:primaryType="nt:unstructured"
text="4"
value="4"/>
<five
jcr:primaryType="nt:unstructured"
text="5"
value="5"/>
</items>
</desktopColumns>
<tabletColumns
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldDescription="Enter the no. of columns to be displayed on tablet"
fieldLabel="Tablet"
name="./tabletColumns">
<items jcr:primaryType="nt:unstructured">
<one
jcr:primaryType="nt:unstructured"
text="1"
value="1"/>
<two
jcr:primaryType="nt:unstructured"
text="2"
value="2"/>
<three
jcr:primaryType="nt:unstructured"
text="3"
value="3"/>
<four
jcr:primaryType="nt:unstructured"
text="4"
value="4"/>
<five
jcr:primaryType="nt:unstructured"
text="5"
value="5"/>
</items>
</tabletColumns>
</items>
</columns>
</items>
</tab1>
</items>
</tabs>
</items>
</content>
</jcr:root>
Regards,
Santosh
Related Conversations
