2017-07-06 6 views
2

Salut j'utilise Iframe Dashboard widget extension Je l'ai configuré moi-même afin qu'il puisse être affiché au format "6x6" qui ne fonctionne pas, malheureusement la taille maximale du widget TFS est 4x4 qui est trop petit pour montrer une partie de mon travail, comment puis-je ajouter un bouton/fonction d'agrandissement au widget? Certains widgets par défaut de TFS ont ce bouton.TFS-DASHBOARD - Ajouter un bouton Agrandir un widget

Ceci est ma configuration VSS javascript.

VSS.init({ 
    explicitNotifyLoaded: true, 
    usePlatformStyles: true 
}); 

VSS.require(["TFS/Dashboards/WidgetHelpers"], 
    function(WidgetHelpers) { 
    WidgetHelpers.IncludeWidgetStyles(); 
    VSS.register("IframeDashboardWidget", function() { 
     var getServerStatus = function(widgetSettings) { 
     var $iframe = $('#iframe'); 
     var settings = JSON.parse(widgetSettings.customSettings.data); 
     if (settings && settings.url) { 
      $iframe.attr("src", settings.url); 
     } else { 
      $iframe.attr("src", 'data:text/html,<html><body style="font:1.2em sans-serif;background-color:#008000;color:#ffffff;font:16px Segoe UI,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif"><div>Iframe</div><div>Dashboard</div><div>Widget</div></body></html>'); 
     } 

     return WidgetHelpers.WidgetStatusHelper.Success(); 
     } 

     return { 
     load: function(widgetSettings) { 
      $iframe.resizeTo(); 
      return getServerStatus(widgetSettings); 
     }, 
     reload: function(widgetSettings) { 
      return getServerStatus(widgetSettings); 
     } 
     } 
    }); 
    VSS.notifyLoadSucceeded(); 
    }); 
+0

Quel bouton d'agrandissement voulez-vous dire? Vouliez-vous dire celui sur le côté du bouton de configuration du widget? Il apparaîtra une nouvelle fenêtre, ne s'affiche pas directement dans le tableau de bord –

Répondre

1

Il existe un concept de taille prise en charge dans le widget.

supportedSizes

Tableau de formats pris en charge par votre widget. Lorsqu'un widget prend en charge plusieurs tailles, la première taille du tableau est la taille par défaut du widget . La taille du widget est spécifiée en termes de lignes et de colonnes occupées par le widget dans la grille de tableau de bord. Une rangée/colonne correspond à 160px. Toute dimension au-dessus de 1x1 obtiendra un supplémentaire 10px qui représentent la gouttière entre les widgets. Par exemple, un widget 3x2 aura 160 * 3 + 10 * 2 de large et 160 * 2 + 10 * 1 de haut. La taille maximale supportée est 4x4.

Plus de détails s'il vous plaît se référer ce tutoriel: Add a dashboard widget


Mise à jour

Vous pouvez essayer d'utiliser la fonction VSS.resize(), mais il a la barre de défilement. Par exemple, VSS.resize (400,500) (avant VSS.notifyLoadSucceeded();).

+0

Oui, je connais ce concept, clarifier un peu ma question: Y a-t-il un moyen de rendre le widget plus grand que 4x4? –

+0

Bonjour @WojtekT Désolé pour le malentendu. Vous pouvez essayer d'utiliser la fonction [VSS.resize()] (https://www.visualstudio.com/en-us/docs/integrate/extensions/reference/client/core-sdk#method_resize), mais elle peut a la barre de défilement. Par exemple, VSS.resize (400,500) (avant VSS.notifyLoadSucceeded();). –

+0

J'ai essayé mais la seule chose qui redimensionne réellement est le contenu dans le cadre. Je suppose que ce n'est pas possible, espérons que quelqu'un va changer la taille maximale dans TFS merci quand même pour vos réponses. –