Add Custom Attributes

Now that we've created a custom content type, let's add some extended attributes. These attributes will appear to content managers as additional form fields on the tab that we specify in the next step.

  1. From the Class Extension Attribute Sets screen, click Add Attribute Set



    Think of attribute sets as "fieldsets" and attributes as "form fields" in the realm of HTML.
  2. On the Add Attribute Set screen, complete the form as follows:


    1. Attribute Set Name: Bio Details
    2. Container (Tab): Extended Attributes
    3. Click Add
  3. From the Manage Attributes Set screen, click Add New Attribute

  4. On the Manage Attributes Set screen, complete the form as follows:

    1. Name (No spaces): bioEmail
      1. Best practice is to prefix all custom attributes with the Sub Type to avoid any conflicts with the names of existing form fields. Remember, the value you enter in the Name field, will be the value of the form field's "name" attribute on the Content Edit screen.
    2. Label: Email
    3. Input Type: TextBox
    4. Click Add
    5. Repeat this process for these additional attributes:
      1. bioOfficeNo (Office No.)
      2. bioMobileNo (Mobile No.)
      3. bioTitle (Job Title)
      4. bioLinkedIn (LinkedIn Username)
      5. bioTwitter (Twitter Username)
      6. bioGithub (Github Username)
    6. Your attributes list should look similar to the following:

    7. Create the following additional attributes, but select HTMLEditor from the Input Type select menu:
      1. bioBackground (Background)
      2. bioEducation (Education)
    8. You attributes list should now look like the following: