Component parsys not visible | Community
Skip to main content
G
goyalkritika
March 20, 2024
Solved

Component parsys not visible

  • March 20, 2024
  • 4 replies
  • 1643 views

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.
Best answer by Imran__Khan

@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.

4 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

    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.

      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.

        kautuk_sahni
        Community Manager
        kautuk_sahniCommunity Manager
        Community Manager
        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.

        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. 

          Terms & ConditionsAccessibility statement

          Loading footer...