TFS 自定义工作项中的 UI 问题

Question

我们创建了新的 TFS 工作项。一段时间后，我们开始遇到控件 UI 布局的问题。 （以截图为例）。控件之间的空间非常大。如果我们重新运行查询 - 一切都会变好。再次重新运行后，布局再次损坏。

UI 布局已按照以下答案的建议进行修改：Is it possible to customize "History" tab for Bug/Task work item types?。

这是什么原因以及如何解决？！

已编辑：添加了布局

<FORM>
  <Layout>
    <Group Label="General" Margin="(1,1,1,1)">
      <Column FixedWidth="100">
        <Control FieldName="Custom.IssueType" Type="FieldControl" Label="Issue Type:" LabelPosition="Left" />
        <Control FieldName="Custom.Priority" Type="FieldControl" Label="Priorit&amp;y:" LabelPosition="Left" />
      </Column>
      <Column PercentWidth="100">
        <Group Margin="(2,2,2,2)">
          <Column PercentWidth="100">
            <Control FieldName="System.Title" Type="FieldControl" Label="&amp;Title:" LabelPosition="Left" />
          </Column>
        </Group>
        <Group Margin="(2,2,2,2)">
          <Column PercentWidth="50">
            <Control FieldName="System.AreaPath" Type="WorkItemClassificationControl" Label="&amp;Area:" LabelPosition="Left" />
          </Column>
          <Column PercentWidth="50">
            <Control FieldName="System.IterationPath" Type="WorkItemClassificationControl" Label="&amp;Iteration:" LabelPosition="Left" />
          </Column>
        </Group>
      </Column>
    </Group>
    <Group Margin="(1,1,1,1)">
      <Column PercentWidth="70">
        <Group Label="Status" Margin="(1,1,1,1)">
          <Column PercentWidth="50">
            <Control FieldName="System.State" Type="FieldControl" Label="&amp;State:" LabelPosition="Left" />
            <Control FieldName="System.AssignedTo" Type="FieldControl" Label="Assi&amp;gned to:" LabelPosition="Left" />
          </Column>
          <Column PercentWidth="50">
            <Control FieldName="System.Reason" Type="FieldControl" Label="&amp;Reason:" LabelPosition="Left" />
            <Control FieldName="Custom.CustomerIssue" Type="FieldControl" Label="&amp;Customer Issue:" LabelPosition="Left" />
          </Column>
        </Group>
      </Column>
      <Column FixedWidth="400">
        <Group Label="Details" Margin="(1,1,1,1)">
          <Column PercentWidth="50">
            <Control FieldName="Custom.FoundInBuild" Type="FieldControl" Label="&amp;Found in build:" LabelPosition="Left" />
            <Control FieldName="Custom.ResolvedInBuild" Type="FieldControl" Label="Resolved in &amp;build:" LabelPosition="Left" />
          </Column>
          <Column PercentWidth="50">
            <Control FieldName="Custom.HelpAuthoring" Type="FieldControl" Label="Help Authoring:" LabelPosition="Left" />
            <Control FieldName="Custom.RankInt" Type="FieldControl" Label="Ran&amp;k:" LabelPosition="Left" NumberFormat="WholeNumbers" MaxLength="10" />
          </Column>
        </Group>
      </Column>
    </Group>
    <TabGroup Margin="(1,1,1,1)">
      <Tab Label="Content">
        <Group>
          <Column PercentWidth="50">
            <Control FieldName="System.Description" Type="HtmlFieldControl" Label="Des&amp;cription:" LabelPosition="Top" Dock="Fill" />
          </Column>
          <Column PercentWidth="50">
            <Control FieldName="System.History" Type="WorkItemLogControl" Label="&amp;History:" LabelPosition="Top" Dock="Fill" />
          </Column>
        </Group>
      </Tab>
      <Tab Label="Links">
        <Control Type="LinksControl" LabelPosition="Top" />
      </Tab>
      <Tab Label="File Attachments">
        <Control Type="AttachmentsControl" LabelPosition="Top" />
      </Tab>
      <Tab Label="Misc.">
        <Group>
          <Column PercentWidth="50">
            <Group Label="">
              <Column PercentWidth="50">
                <Group Label="Estimated Time">
                  <Column PercentWidth="100">
                    <Control FieldName="Custom.EstimatedTimeTotal" Type="FieldControl" Label="Total:" LabelPosition="Left" />
                    <Control FieldName="Custom.EstimatedTimeLeft" Type="FieldControl" Label="Left:" LabelPosition="Left" />
                  </Column>
                </Group>
              </Column>
              <Column PercentWidth="50">
                <Group Label="Other">
                  <Column PercentWidth="100">
                    <Control FieldName="Custom.Localization" Type="FieldControl" Label="Localization:" LabelPosition="Left" />
                    <Control FieldName="Custom.Rebrand" Type="FieldControl" Label="Rebrand:" LabelPosition="Left" />
                  </Column>
                </Group>
              </Column>
            </Group>
          </Column>
        </Group>
      </Tab>
    </TabGroup>
  </Layout>
</FORM>

Answer 1

想到的一件事是在工作项定义 XML 的 FORM 部分中，确保设置了列大小。我们在有描述和历史的列上使用 PercentWidth="50"。我确实注意到，当我忽略设置时，我们遇到了与您遇到的类似的问题。

如果您仅在特定工作项上看到这种情况，则可能与数据大小或数据存在有关。一旦您从 WorkItem 中发布了 FORM 部分，就更容易分辨了。

-- 编辑--

查看您的 FORM 部分会显示很多 FixedWidth 和 PercentWidth 的混合。我注意到这确实会导致显示混乱。

例如，在您的第一个组（常规）中，您将一列设置为 100 的固定宽度，并将第二列设置为 100% 的百分比宽度。尝试将这些设置为 PercentWidth="50"。

与您的第二组类似，您的第一列（包含“状态”组）设置为 70% 宽度，第二列设置为 400 的固定宽度。

我注意到，当这些布局类型混合在一起时，表单渲染器往往会出现问题。