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

问题描述

我正在为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">个标记其他标记都呈现而没有任何边框/框的情况下发生。

解决方法

更新：

我们可以尝试设置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。