From 5420f3dfa1fc7e701706cba4c402108e6bfbae57 Mon Sep 17 00:00:00 2001 From: Ricardo Gomes da Rocha Date: Tue, 30 Mar 2021 19:13:38 -0400 Subject: [PATCH] Update README.md --- README.md | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 7bf6e9c..2d97b7e 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,15 @@ -#Iframe Dashboard Widget# -A dashboard widget to show an Iframe in TFS/VSTS. +# **Iframe Dashboard Widget** - A dashboard widget to show an Iframe in TFS/VSTS. The widget allows data from a web page to be added easily in your VSTS dashboard. -The url may start with 'https:' or 'data:'. If you are using TFS on 'http:' you -may also use 'http:'. Urls that start with 'http:' will -not work in VSTS because of browser security restrictions and so are not supported. +The url may start with 'https:' or 'data:'. If you are using TFS on 'http:' you may also use 'http:'. Urls that start with 'http:' will not work in VSTS because of browser security restrictions and so are not supported. -For the source code visit https://github.com/areve/IframeDashboardWidget +[Here](https://github.com/areve/IframeDashboardWidget) you can find the source code and you can install it accessing [here](https://marketplace.visualstudio.com/items?itemName=areve.iframe-dashboard-widget) -Install at https://marketplace.visualstudio.com/items?itemName=areve.iframe-dashboard-widget +## Examples + +Follows an image showing an example of usage: -## Examples usage ![](IframeDashboardWidget/img/iframe-dashboard-widget-preview.png) Urls used in the screenshot above. @@ -21,6 +19,13 @@ Urls used in the screenshot above. * `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZQTFRFAAAA5qSHD3x3GVt46Y9+EX5955mCCWJaDG5kHyFYAQwLHTZlB1ZNDXZvHENsE4CAGGZ9FnCBGk9zBDgxHitfAykk7oGC5LCMBkhA7H9/Bkg+64N9AhoW47yTHx9Y6od9FHyCFXiCMeX0bwAAAWdJREFUeNrs1dlSwkAQRmEQXHAD3MC4IO//kjpeRDPVM5mJUH/HOoebJEx3fTepTBYH6T20OEYTgADHAqwiRIcH8r/HAAIcDTC/5jBvsbUFIMDxAwe+/KUvOkCA/x1Y/72LzgEE6A04cE39p650AiBAOfDBeQAByoFXzgMIUA68zfYWKnh2vAAClAPv+tuEoqv6NtmSYwAByoGzbNNUs5qmhVmzAAHKgatUZ/2t+rMmkrfWUoAA5cC10bwturWerbPNq4sWAAQoB+677Ya1T/XnVQAByoEf3V5CP1f5ool80VjyWRRAgHLgsttzKLqyqjqXPBz9Ya0CCFAOPF1+/X7VvX1qs27zlZ7LjwEEKAeeOA8gQDnwxnkAAcqBF84DCFAOPHceQIBy4LXzAAKUA5vQNtS0bVM1Rslz28LyWwAClAPvnQcQoBz46DyAAOXAV+cBBCgHXjoPIEA5kIiIiIiIiIj89inAACi4uO54C29hAAAAAElFTkSuQmCC` ## Configuration +You can confugure: +- the widget title; +- the size; +- the widget url. + +Follows an imagem showing how to configure the widget: + ![](IframeDashboardWidget/img/iframe-dashboard-widget-configuration.png)