时间戳

首页 > 解决方案 > Azure Devops 流程模板 XML 自定义控制标记

azure-devops - 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">仅在标记其他标记呈现没有任何边框/框的情况下才会发生这种情况。

标签： azure-devopstfs-process-templateazure-devops-serverazure-devops-server-2020

解决方案

更新：

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

例如：

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

这是一个您可以参考的类似问题的案例。

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

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

有关详细信息，请参阅控制表单元素的大小。

推荐阅读