Expand my Community achievements bar.

SOLVED

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

Avatar

Level 3

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

1 Accepted Solution

Avatar

Correct answer by
Level 10

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

View solution in original post

4 Replies

Avatar

Correct answer by
Level 10

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

Avatar

Level 3

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

Avatar

Level 10

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

Avatar

Level 3

Hi gauravb10066713.

I removed the resourceType now and it worked.

Thanks once again.