• Documentation
  Kentico development modelsInstallationUsing the Kentico interfaceDeveloping websitesConfiguring KenticoManaging usersSecuring websitesDeploying websitesManaging website contentMultilingual websitesMacro expressionsExternal utilitiesIntegrating 3rd party systemsCustom developmentE-commerce featuresOn-line marketing featuresCommunity featuresRelease notes - Kentico 12
• Tutorial
  Getting started with KenticoUsing the Kentico interfaceSelecting your tutorial pathSite development overviewPortal Engine developmentMVC developmentMVC business tutorialResource hub for marketers
• API Examples
  Content managementOn-line marketingE-commerceSocial and CommunityDevelopmentConfiguration

• Leave Standard field in Field type.
• Leave the Display field in the editing form check box selected.

Now you have created a custom field to gather details about your contacts. You can view and edit the values of your new custom field on the Profile tab of the contact managing interface.

Moving fields in contact detail categories

When you have created multiple custom fields, you can organize the fields displayed on the contact's Details tab by moving them.

1. Open the Modules application.
2. Edit () the Contact management module.
3. Open the Classes tab.
4. Edit () the Contact management - Contact class.
5. Switch to the Fields tab.
6. Select the field in the list.
7. Move the item using the Move up ( ) or Move down ( ) buttons.

Moving fields in the list changes their positions in the resulting form.

Displaying custom data on a separate tab

When you have gathered a lot of custom data, you can distinguish between the custom data and the data collected by the default fields by displaying the custom data on a separate tab of the contact editing interface.

To be able to render the custom data on the separate tab, you first need to create the custom page and then create the tab for displaying the page's content.

Creating a custom page with the contact card

To create the custom page for displaying the contact card and contact's custom data:

1. Open your Kentico project in Visual Studio (using the WebSite.sln or WebApp.sln file).

2. Navigate to the ~/CMSModules/ContactManagement/Pages/Contact folder.

3. Create a copy of the Details.aspx file under the Contact folder.

4. Rename the file to, for example, CustomData.aspx.

5. Change the class name in the CustomData.aspx.cs and CustomData.aspx files.

6. Replace the content in the CustomData.aspx file with:

   C#Example

   Copy

    <div data-ng-controller="app as $ctrl">
       <cms-card-wrapper contact-id="$ctrl.contactId"></cms-card-wrapper>
   </div>
   
   <!-- any content -->

7. You will get the following result:

   C#Example

   Copy

    <asp:Content ID="cntBody" runat="server" ContentPlaceHolderID="cpAfterForm" ng-strict-di>
       <div data-ng-controller="app as $ctrl">
         <cms-card-wrapper contact-id="$ctrl.contactId"></cms-card-wrapper>
       </div>
   
       <!-- any content -->
   </asp:Content>

8. Insert your custom content under the contact card section.

Now that you have created the custom page for displaying the contact card and inserted your custom data, you can create a new tab in the Kentico administration interface.

Creating a new tab in the user interface

To create a separate tab in the contact editing interface for displaying the content of your custom page:

1. Open the Modules application.
2. Edit () the Custom module.
3. Switch to the User interface tab.
4. Navigate to the Administration -> On-line marketing -> Contact management -> Contacts -> Contact properties tree item.
5. Click New element ().
6. Enter Custom data in the Display name field.
7. Select URL in the Type field.
8. In the Target URL field, enter the ~/CMSModules/ContactManagement/Pages/Contact/CustomData.aspx path to the created custom page.
9. Click Save.

The custom page content is now displayed on the Custom data tab of the contact managing interface.

• Creating a custom page with the contact card
• Creating a new tab in the user interface