"No available styles" in cq:Dialog Adobe AEM 6.4 | Community
Skip to main content
Level 3
January 25, 2019
Solved

"No available styles" in cq:Dialog Adobe AEM 6.4

  • January 25, 2019
  • 4 replies
  • 2342 views

Hi Guys,

I'm with the problem on the dialog in this component. It is showing the message "No available styles"

I found a similar ticket on the forum ("No available styles" in TouchUI Dialog ) but didn't resolve.

Follow the XML structures:

Component:

<?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"

    jcr:primaryType="cq:Component"

    jcr:title="Key"

    sling:resourceSuperType="/libs/wcm/foundation/components/text"

    componentGroup=".hidden"/>

Dialog:

<?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"

sling:resourceType="cq/gui/components/authoring/dialog">

<content jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/container">

<layout jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns" />

<items jcr:primaryType="nt:unstructured">

<column jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

<text jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

fieldLabel="Text" required="{Boolean}true" name="./text" />

</items>

</column>

</items>

</content>

</jcr:root>

Any suggestion to resolve the problem?

Thanks

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 Gaurav-Behl

In your component, you have sling:resourceSuperType="/libs/wcm/foundation/components/text" which inherits all the properties of OOB RTE and thus shows the error for missing styles.

The solution is to either remove the resourceSuperType property from your component or provide the required styles for this text component (RTE).

Hope that helps

4 replies

Gaurav-Behl
Gaurav-BehlAccepted solution
Level 10
January 25, 2019

In your component, you have sling:resourceSuperType="/libs/wcm/foundation/components/text" which inherits all the properties of OOB RTE and thus shows the error for missing styles.

The solution is to either remove the resourceSuperType property from your component or provide the required styles for this text component (RTE).

Hope that helps

Level 3
January 25, 2019

Hi gauravb10066713 ,

Can you give me the suggestion where I can find the required styles for text component (RTE)?

I searched but I can't find it.

Thanks

Gaurav-Behl
Level 10
January 25, 2019

Could you provide more details about your requirement?

Are you planning to

  • create a custom RTE?
  • override existing RTE with some different options/styles? Do you plan to use styles or external css/less files?
  • something else
Level 3
January 25, 2019

Hi gauravb10066713.

I removed the resourceType now and it worked.

Thanks once again.