topic Re: Add a button in WAB that opens a webpage or URL? in Web AppBuilder Custom Widgets Questions

Add a button in WAB that opens a webpage or URL?

JohnHarney — Thu, 16 Jun 2016 19:24:05 GMT

Is there a way to add a button (similar to a widget button or icon) to WAB (Developer Edition) that will simply open a webpage or URL?

Re: Add a button in WAB that opens a webpage or URL?

LeoLadefian5 — Thu, 16 Jun 2016 19:40:15 GMT

You could configure the about widget with a url inside of it? That would be a workaround.

Re: Add a button in WAB that opens a webpage or URL?

TimDine — Fri, 17 Jun 2016 13:34:08 GMT

I wasn't able to get a button that sat in the widget bar to do what you're describing. I wanted to open a help document from there rather than the links bar or the about page. I built a widget that on it's open event opened a new window with the url I wanted, then the widget panel closed itself. You can occasionally see it momentarily if you're watching for it, but it give the behaviour I was looking for.

onOpen: function() {

window.open(this.config.hyperlink);

var theWidgetID = this.id;

require(["jimu/PanelManager"], function(PanelManager) {

console.log(theWidgetID);

var pm = PanelManager.getInstance();

PanelManager.getInstance().closePanel(theWidgetID + "_panel");

});

}

Re: Add a button in WAB that opens a webpage or URL?

RobertScheitlin__GISP — Fri, 29 Jul 2016 16:29:02 GMT

All,

I have created a widget for this now:

Url Button Widget Version 2.1 - 07/29/2016

Re: Add a button in WAB that opens a webpage or URL?

JohnHarney — Mon, 15 Aug 2016 17:27:15 GMT

Thanks Robert. That's exactly what we were looking for!

Re: Add a button in WAB that opens a webpage or URL?

RobertScheitlin__GISP — Mon, 15 Aug 2016 17:39:39 GMT

John,

Don't forget to mark this thread as answered by clicking on the "correct answer" link on the reply that answered your question.