TASK: Add a new tab to a dialog box and move some fields to it

In this task you will learn how to add a new tab and move a field on another in a tabbed dialog box.

The standard Edit article dialog box contains five tabs and the Credit field is on the Title tab. In this task you will learn how to add the Credit tab, and move the field there.

This example affects the editArticle dialog box in ted4_config.xml.

You will be able to perform this task only if:

•You can start Ted4, display a listing of articles on the Articles or Shell main tab, and then display the properties of the article.

1.In Visual Studio, open ted4_config.xml and then search for the <objectUI name="editArticle".

2.Expand the code so you can see the tabs structure and then expand also the credit attribute:

3.Notice that the ui element contains the reference to a tab titleTab where the credit appears.

4.Add a new line under the <tab name="infoTab" />, e.g. <tab name="Credit" />

5.Edit the line <ui tab="titleTab" within the definition of the credit attribute so it becomes:

<ui tab="Credit" mode="Normal"/>

6.Cut the entire definition of the credit attribute and paste it just before the </objectUI> element, e.g.:

      <!--Credit -->

      <attribute name="credit">

        <ui tab="Credit" mode="Normal"/>

      </attribute>

    </objectUI>

7.Save changes and import them in database as explained in TASK: Save changes and import them in database.

8.Close and run again Ted4, reopen the Edit article dialog box and click the Credits tab: