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

我们创建了新的TFS工作项。过了一段时间，我们开始在控件UI布局方面出现问题。（附屏幕截图作为示例）。控件之间的空间非常大。如果我们重新运行查询，一切都会好起来。再次运行后，布局再次损坏

用户界面布局按照以下答案所建议的方式进行修改：

原因是什么？如何解决

已编辑：已添加布局

<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>

---

想到的一件事是在工作项定义XML的表单部分，确保设置了列大小。我们在有描述和历史记录的列上使用PercentWidth=“50”。我确实注意到，我们有一个类似的问题，你有什么时候我忘了设置

如果您看到这种情况只发生在特定的工作项上，则可能与数据的大小或数据的存在有关。一旦您从WorkItem发布表单部分，就更容易判断了

--编辑--

查看表单部分，可以看到FixedWidth和PercentWidth的大量混合。我注意到，这确实会导致显示屏混乱

例如，在第一组（常规）中，有一列设置为固定宽度100，第二列设置为百分比宽度100%。尝试将每个设置为PercentWidth=“50”

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

---

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

此问题是发生在所有工作项上，还是特定于工作项中的某些数据。您可能还希望包含工作项定义的表单部分以供审阅。您对此仍有问题吗？实际上，我还没有机会尝试此解决方案。。。一旦我这样做了，我会提供我的反馈。现在，如果你有任何其他建议-欢迎。谢谢你的评论，但我想实现的是有一些专栏与固定与其他-敏捷…一旦我实现和测试，我会留下一个反馈。谢谢！