Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

AEM Components - Markdown Documentation

Avatar

Community Advisor

8/15/22

 

readme-3.gif


[AEM Components : Markdown Documentation as help documentation]

  by Arun Patidar

Overview

The Granite UI widget fieldDescription property is used to add helpful tooltips to your dialog fields but in some cases, you might need to add details documentation about the component, whether it’s technical or for Authoring instructions.

Then you may use dialogs helpPath property to link component document to the dialog, the path could be github page or confluence page or any other page. For instance core components uses adobe documents as help document for the component, example Core Image component

 

jcr:title="Image"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="https://www.adobe.com/go/aem_cmp_image_v3"

 

Wondering if the this documentation can be part of AEM or dialog itself.

Ahmed Musallam has created a blog about reading readme file and generating document when click on help link. You should check this out at https://blogs.perficient.com/2019/03/27/simple-markdown-documentation-for-your-aem-components/

 

My Approach is slightly different, I used client side javascript to read README file, convert to HTML and showing as popup.

 

More information at https://aemlab.blogspot.com/2022/08/component-readme-doc.html 


Q&A

Please use this thread to ask questions relating to this article

2 Comments