Exercise - Create a page extension

  • 6 minutes

Simon wants to input social media information by using the customer card. Then, Simon wants to create a page extension that will extend the customer card and save it.

Tasks

  • Use snippets to create a page extension.

  • Add extra fields to an existing Card page.

Steps

  1. Select File > New File and save the file by selecting File > Save. Name the file SocialMediaCard.PageExt.al.

  2. Create a new page extension in the file by using code snippets. Enter tpageext and press the Tab key.

  3. Change the ID to 50110 and the Name to CRONUS Social Media Card.

  4. Make sure that the page extension extends the Customer Card page.

  5. Remove the Action section and the variable myInt.

  6. Add fields to a new group called Social Media. Add this group after the General group.

  7. Use the addafter(General) keyword.

  8. Define a group as Social Media in the addafter section.

  9. Set the Caption property to Social Media.

  10. Add the following fields to the Social Media group:

    • Facebook
    • Twitter
    • Instagram
    • LinkedIn

  11. Open the launch.json file in the .vscode folder, and then set the startupObjectId setting to 22 and the startupObjectType to Page.

  12. Publish your extension to the sandbox. Select View > Command Palette... (Ctrl+Shift+P).

  13. Enter AL: Publish (F5) in the search box and select the command from the list.

  14. Verify that the Dynamics 365 Business Central application launches and that the Customer List page appears.

  15. Test your extension by opening a random customer record. Your fields should appear in a new Social Media FastTab, which is located under the General FastTab.