Azure Devops 流程模板 XML 自定义控制标记

Question

我正在为 tfs 工作项设计 WebpageControl 标记内的 html 按钮，该按钮位于控制标记内。在 Azure Devops 页面中渲染时，框的默认大小大于按钮控件的大小，无法调整控件框的大小。有没有办法让边框消失或调整大小以适应按钮控件？

<Group Label="">             
               <Control Type="WebpageControl">
                 <WebpageControlOptions>
                  <Content> 
                     <![CDATA[<button><a target="_blank" onclick="window.open('/sample-form.html','name','width=313,height=371')"><b>Click Here To register</b></a></button>]]>
                   </Content> 
                </WebpageControlOptions> 
              </Control>              
</Group>

当我检查元素时看到下面的 div 标签被渲染。

<div class="webpagecontrol" style="height: 201.979px;">
<iframe frameborder="0"></iframe>
</div>

只有在 <Control Type="WebpageControl"> 标记其他标记呈现没有任何边框/框的情况下才会发生这种情况。

Answer 1

更新：

我们可以尝试设置 div 的高度。这样可以控制边框的大小。

例如：

<div class="webpagecontrol" style="height: 100%;">
    <iframe id="frame" style="width:100%" frameborder="0"></iframe>
</div>

这里有一个case，你可以参考类似的问题。

对于以前的服务器版本，我们可以使用Control元素MinimumSize属性来指定每个表单元素应该占据的最小宽度和高度。如果您没有足够的垂直空间，则会出现一个滚动条以保持其最小尺寸。如果没有此属性，控件将使用其默认大小绘制，除非其他选项卡中的控件占用更多空间从而增加选项卡的大小。您可以使用其他属性（例如Margin 和Padding）来对齐或拉伸控件并定义控件周围边框的大小。

MinimumSize：指定控件应在表单中占据的最小尺寸（以像素为单位）。指定了对应于宽度和高度的两个值。例如：(100,100)。

更多信息请参考Control the size of form elements。