Expand my Community achievements bar.

HelpPath in AEM6.1 Touch UI Dialogs

Avatar

Level 4

Along the top of Touch UI dialogs are a series of buttons. I need to configure the help button (leftmost) so it points to the documentation for the component. I see that helppath is the property name I should use according to this example from Adobe. But it's not working, and instead always points to https://www.adobe.com/go/aem6_1_docs which is not what we need.

Here is the cq:dialog http://localhost:4502/apps/blah/components/events/cq%3Adialog.2.json I've tried both helpPath (works in Classic UI)and helppath, but it is not working in the Touch UI. Any help would be truly appreciated. Thanks!

{ jcr:primaryType: "nt:unstructured", helpPath: "/content/blah/en/aem-support/events.html", helppath: "/content/blah/en/aem-support/events.html", sling:resourceType: "cq/gui/components/authoring/dialog", content: { jcr:primaryType: "nt:unstructured", sling:resourceType: "granite/ui/components/foundation/container", layout: { jcr:primaryType: "nt:unstructured", type: "nav", sling:resourceType: "granite/ui/components/foundation/layouts/tabs" }, items: { jcr:primaryType: "nt:unstructured" } } }

looking at the code it seems pretty well hard-coded...

private AttrBuilder getHelpAttrs(SlingHttpServletRequest req, Config cfg, XSSAPI xssAPI, I18n i18n) { String url = i18n.getVar("https://www.adobe.com/go/aem6_1_docs"); AttrBuilder attrs = new AttrBuilder(req, xssAPI); attrs.add("type", "button"); attrs.addClass("coral-MinimalButton cq-dialog-header-action cq-dialog-help"); attrs.addHref("data-href", url); attrs.add("title", i18n.get("Help")); return attrs; }
6 Replies

Avatar

Level 2

Hi,

I go the same issue with the help button link of author dialog in AEM 6.3. I tried to use 'helppath' as mentioned in this article but it won't work.

Adobe Experience Manager Help | Creating your first Adobe Experience Manager Touch UI component

I checked the current implementation in /libs/cq/gui/components/authoring/dialog/dialog.jsp , and got

//code

private AttrBuilder getHelpAttrs(SlingHttpServletRequest req, Config cfg, XSSAPI xssAPI, I18n i18n) {     String helpPath = cfg.get("helpPath", i18n.getVar("https://www.adobe.com/go/aem6_3_docs_en"));     AttrBuilder attrs = new AttrBuilder(req, xssAPI);     attrs.add("type", "button");     attrs.addClass("cq-dialog-header-action cq-dialog-help");     attrs.addHref("data-href", helpPath);     attrs.add("title", i18n.get("Help"));      return attrs; }

It's case sensitive so that it just work only with 'helpPath'.

Hi, smacdonald2008​ : if you can, hope we can raise request to update above document to remove confuse there. Thank you!

Regards,

Avatar

Level 1

Hi,

I tried with 'helpPath' still not working for Touch UI in AEM 6.3

Avatar

Level 2

Hi @Abhishekraj,

Hope my screenshot can help you.

TouchUI-Author-Dialog-helpPath.png

Regards,