How program workitem horizotal tabs in the new workitem web layout of azure devops server 2019?

1
votes

I'm using TFS 2017 update 1 on premises and now I have to upgrade to Azure DevOps Server 2019 on premises. In TFS 2017 I used a custom xml process model and I programmed "layout tag" to realize workitem web interface with many horizontal tab in this way:

horizontal tabs

horitontal tabs to manage workitem relations

I just done the upgrade to Azure DevOps Server and I discovered that fields in the new workitem web interface are automatically vertically rendered, furthermore I didn't find all custom relations but only parent-child and related relations.

new workitem web layout

I guess it is possibile to program the new web layout form of DevOps Server 2019 in order to obtain the horizontal tabs like TFS 2017. What are xml tags to use in order to obtain horizontal tabs?

1
tfsazure-devopstfs-workitem

1 Answers

1
votes

According to your description, seems you were using Tab XML element.

It's a Deprecated elements in new work item form with Azure DevOps.

All the other content of the work item is organized into Pages, represented as tabs on the form.

enter image description here

The Page element is similar to the deprecated Tab element. However, a Page element can't be grouped or nested. One page defines one tab within the web form.

Take a look at this blog-- New work item form in TFS 2017

The nested elements looks like below: 

<WebLayout> 
      <Page>  
          <Section>  
              <Group> . . . 
                  <Control> . . . </Control>
                  <Control> . . . </Control>
              </Group>
          </Section>
      </Page>
. . .
</WebLayout>

A sample page label:

   <Page Label="Details" LayoutMode="FirstColumnWide">
                       ......
   </Page>

More details about the related xml info please take a look at our official doc here-- WebLayout and Control elements