TFS WorkItem Layout problem

Question

I'm customizing a TFS Work Item Type, adding a 'Business Description' HTML Field, but I cannot get the Layout right:

      <Tab Label="Details">
        <Group>
          <Column PercentWidth="60">
            <Control FieldName="Customer.BusinessDescription" Type="HtmlFieldControl" Label="Business Description:" LabelPosition="Top" Dock="Fill" />
          </Column>
          <Column PercentWidth="40">
            <Control FieldName="Microsoft.VSTS.CMMI.Symptom" Type="HtmlFieldControl" Label="Symptom:" LabelPosition="Top" />
            <Control FieldName="System.History" Type="WorkItemLogControl" Label="&amp;History:" LabelPosition="Top" />
          </Column>
        </Group>
      </Tab>

This turns out like this:

While I really want this ('Photoshopped' with MSPaint):

I have played around with the Fill properties on all three fields, have already set the MinimumSize property on the BusinessDescription field, added a group inside the left column, but I do not seem to find a solution for this.

Is this at all possible?

Answer 1

You'll want to create a group inside both the left and right columns:

<Tab Label="Details">
  <Group>
    <Column PercentWidth="60">
      <Group>
        <Column PercentWidth="100">
          <Control FieldName="Customer.BusinessDescription" Type="HtmlFieldControl" Label="Business Description:" LabelPosition="Top" Dock="Fill" />
        </Column>
      </Group>
    </Column>
    <Column PercentWidth="40">
      <Group>
        <Column PercentWidth="100">
          <Control FieldName="Microsoft.VSTS.CMMI.Symptom" Type="HtmlFieldControl" Label="Symptom:" LabelPosition="Top" />
          <Control FieldName="System.History" Type="WorkItemLogControl" Label="&amp;History:" LabelPosition="Top" />
        </Column>
      </Group>
    </Column>
  </Group>
</Tab>

You may also want to check out the Process Editor Power Tool - this provides a GUI interface to editing work item types.