-
- {{_message}}
+
+ {{_message}}
+
+
+
+
+
+
diff --git a/src/strand-guide-tooltip/strand-guide-tooltip.js b/src/strand-guide-tooltip/strand-guide-tooltip.js
index f8c4db10..479db209 100644
--- a/src/strand-guide-tooltip/strand-guide-tooltip.js
+++ b/src/strand-guide-tooltip/strand-guide-tooltip.js
@@ -64,6 +64,18 @@
_message: {
type: String
},
+ _link: {
+ type: Boolean,
+ value: false
+ },
+ _linkText: {
+ type: String,
+ value: null
+ },
+ _linkUrl: {
+ type: String,
+ value: null
+ },
data: {
type: Array
},
@@ -98,6 +110,14 @@
this._message = data[step].hasOwnProperty('message') ? data[step].message : null;
this._dismiss = data[step].hasOwnProperty('dismiss') ? data[step].dismiss : null;
+ // Handle the link - if necessary
+ if (data[step].hasOwnProperty('linktext') &&
+ data[step].hasOwnProperty('linkurl')) {
+ this._linkText = data[step].linktext;
+ this._linkUrl = data[step].linkurl;
+ this._link = true;
+ }
+
// Compute next, back, and do labeling
this._next = data.length > 1;
this._back = data.length > 1 && step > 0;
@@ -109,7 +129,7 @@
if (this._back && step > 0) {
this._backLabel = 'Back';
}
-
+
if (!this.hidden) this.open();
},
diff --git a/src/strand-guide/index.html b/src/strand-guide/index.html
index ea2bdb08..937d6751 100644
--- a/src/strand-guide/index.html
+++ b/src/strand-guide/index.html
@@ -112,7 +112,10 @@
target="button1"
header="Some Header 1"
message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor ipsum vel leo rutrum, eu rhoncus sem volutpat. Vestibulum convallis urna vel tristique pharetra."
- dismiss="Thanks, I've got it.">
+ dismiss="Thanks, I've got it."
+ linktext="Some Link"
+ linkurl="http://www.example.com">
+