2017-07-06 1 views
2

Hallo ich verwende Iframe Dashboard widget Erweiterung Ich habe es selbst konfiguriert, so kann es im "6x6" -Format angezeigt werden, die nicht funktioniert, leider TFS maximale Widget-Größe ist 4x4 das ist auch klein, um einige meiner Arbeiten zu zeigen, wie kann ich dem Widget eine Schaltfläche/Funktion hinzufügen? Einige der Standard-Widgets von TFS haben diese Schaltfläche.TFS-DASHBOARD - Hinzufügen einer Enlarge-Taste ein Widget

Das ist meine VSS-Konfiguration 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

Welche Vergrößern-Schaltfläche meinen Sie? Meintest du das auf der Seite der Konfigurationsschaltfläche des Widgets? Es öffnet sich ein neues Fenster, das nicht direkt im Dashboard angezeigt wird. –

Antwort

1

Es gibt ein Konzept der unterstützten Größe im Widget.

supportedSizes

Array von Größen von Ihrem Widget unterstützt. Wenn ein Widget mehrere Größen unterstützt, ist die erste Größe im Array die Standardgröße des Widgets . Die Widgetgröße wird anhand der Zeilen und Spalten angegeben, die vom Widget im Dashboard-Raster belegt sind. Eine Zeile/Spalte entspricht 160px. Jede Dimension über 1x1 erhält eine zusätzliche 10px, die die Gosse zwischen den Widgets darstellt. Zum Beispiel wird ein 3x2 Widget 160 * 3 + 10 * 2 breit und 160 * 2 + 10 * 1 groß sein. Die maximal unterstützte Größe ist 4x4.

Weitere Informationen erhalten Sie dieses Tutorial beziehen: Add a dashboard widget


aktualisieren

Sie könnten versuchen, VSS.resize() Funktion zu nutzen, aber es hat die Bildlaufleiste. Beispiel: VSS.resize (400.500) (vor VSS.notifyLoadSucceeded();).

+0

Ja, ich kenne dieses Konzept, mache meine Frage etwas klarer: Gibt es eine Möglichkeit, das Widget größer als 4x4 zu machen? –

+0

Hi @WojtekT Entschuldigung für das Missverständnis. Sie könnten versuchen, die Funktion [VSS.resize()] (https://www.visualstudio.com/en-us/docs/integrate/extensions/reference/client/core-sdk#method_resize) zu verwenden, aber es könnte sein hat die Bildlaufleiste. Beispiel: VSS.resize (400.500) (vor VSS.notifyLoadSucceeded();). –

+0

Ich habe versucht, aber das einzige, was tatsächlich die Größe ändert, ist der Inhalt innerhalb des Rahmens. Ich denke, das ist nicht möglich, hoffentlich wird jemand die maximale Größe in TFS ändern danke trotzdem für Ihre Antworten. –

Verwandte Themen