Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

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,