Skip to main content
goyalkritika
Level 4
March 20, 2024
Solved

Component parsys not visible

I have a component, and on adding the component on the page, the component's container is not visible. Although, I'm able to see the component in the content tree in left panel. What can be the issue?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Imran Khan
Imran KhanAccepted solution
Community Advisor
March 20, 2024

@goyalkritika Check the container component parsys resource type and its name which must be unique within the container parsys-1. 

<div data-sly-resource="${ 'parsys-1' @ resourceType='wcm/foundation/components/parsys'}"></div>

 

OR It may be an issue with the CSS as it may not be visible. but, available on the page.

View in thread

5 replies

Ankur_Khare
Community Advisor
Ankur_KhareCommunity Advisor
Community Advisor
March 20, 2024

Hi,

Mostly it's issue with the parsys or container component used by you..Kindly compare the properties of your component with core component like accordion container..

 

Regards

Ankur

Translate
Ankur
    Imran Khan
    Community Advisor
    Imran KhanCommunity AdvisorAccepted solution
    Community Advisor
    March 20, 2024

    @goyalkritika Check the container component parsys resource type and its name which must be unique within the container parsys-1. 

    <div data-sly-resource="${ 'parsys-1' @ resourceType='wcm/foundation/components/parsys'}"></div>

     

    OR It may be an issue with the CSS as it may not be visible. but, available on the page.

    Translate
      pulkitvashisth
      Community Advisor
      pulkitvashisthCommunity Advisor
      Community Advisor
      March 20, 2024

      Hi @goyalkritika 
      Does this mean your component block is not visible on the editor window of the page but is visible in the content tree on the left. 
      If so then your issue is your component html is not rendering I guess. Please check your page in view as published and see if there are any errors in your component. You can also check for errors in browser console.

      If by parsys you mean by adding parsys as such in your component html, your component has stopped rendering. 
      <div data-sly-resource="${ 'parsys1' @ resourceType='wcm/foundation/components/parsys'}"></div>
      Then can you post your component html and also check for errors in view as published mode.

      Translate
        kautuk_sahni
        Adobe Employee
        kautuk_sahniAdobe Employee
        Adobe Employee
        March 20, 2024

        @goyalkritika Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

        Translate
        Kautuk Sahni
        sravs
        Community Advisor
        sravsCommunity Advisor
        Community Advisor
        March 20, 2024

        @goyalkritika , Please check whether your component is having placeholder text.
        if not try to add below lines in your component html.

         

        <sly data-sly-use.template="core/wcm/components/commons/v1/templates.html"/>
        <sly data-sly-call="${template.placeholder @ isEmpty=COMPONENT_PROPERTY, classAppend='cmp-CLASS_NAME'}"></sly>

        COMPONENT_PROPERTY :: provide any property of your component to be validated.
        CLASS_NAME :: custom class name for the placeholder

        Check for core components for more details on placeholder text. 

        Translate
          Terms & ConditionsAccessibility statement

          Loading footer...