nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Add help to widget

anjelinaponker

How can I add help for widget?

Find more posts tagged with

Accepted answers

AntGiles

Anjelina,

I do it by adding an icon in the widget header that opens up a web page with the help on. In the init function add:

wTemplate.addTitlebarButton("assets/images/i_help.png", "Help", showHelp);

then add a showHelp function:

private function showHelp():void  {  var urlRequest:URLRequest = new URLRequest("widgets/Bearing/help.html");  navigateToURL(urlRequest, "_blank"); }

Regards

Anthony

All comments

rzufelt

Perfect, works like a charm.

R_

rscheitlin

Rhett,

What about just adding the fourth argument as false and the button will not act as a toggle button and just act like a button.

rzufelt

I have implemented this on most my widgets, but have changed to use ExternalInterface.call instead of navigateToURL so I can control the new browser window size.

Seems to be working great, however, for about half the widgets, the help button shows as selected (underlined) as soon as you open the widget.

The other half of my widgets don't get the selected underline until I actually click on the icon.

Doesn't seem to be affecting the operation, but is somewhat confusing to some.

Was wondering if anyone has an idea as to why it sometimes makes it selected, others not.

For that matter, really just need a way to make them show as non-selected on widget open.

Thanks for any insight,

R_

AntGiles

Anjelina,

I do it by adding an icon in the widget header that opens up a web page with the help on. In the init function add:

wTemplate.addTitlebarButton("assets/images/i_help.png", "Help", showHelp);

then add a showHelp function:

private function showHelp():void  {  var urlRequest:URLRequest = new URLRequest("widgets/Bearing/help.html");  navigateToURL(urlRequest, "_blank"); }

Regards

Anthony

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.