Search code examples
azure-devopsazure-devops-extensions

Sizing of VSTS tab extension content


I develop a custom tab to present VSTS build results. VSTS hosts the tab content in an iframe with height: 100%. However one of its ancestors (div with class build-custom-tab) has fixed height of 400px:

VSTS DOM screenshot

This means that if my tab content is longer than 400px in height, it's cut. How can I get around this limit? Specifically I would like my extension to use all available space.

There is VSS.resize method in the VSTS SDK, but it modifies size of the iframe which is not enough.

Complete source code of the extension is available here.


Solution

  • Specify height property:

     "properties": {
                    "name": "Test results [preview]",
                    "uri": "static/test-results.html",
                    "order": -100,
                    "height": 600
                }