Version:
Cohesiondx.com

    Step 4. Create your first test page locally

    This guide walks through creating your first local test page. You must have already completed step 1, step 2 and step 3.

    Add the layout canvas field to your basic page content type

    1. Navigate to Structure > Content types > Basic page > Manage fields
    2. Click Add field
    3. In the Add new field drop-down, scroll to the Reference revisions section and choose Layout canvas
    4. In the Label field, enter the label Layout canvas
    5. Click Save and continue
    6. Leave the Limit to 1 and click Save and continue again
    7. Click Save settings on the final screen.

      Select-layout-canvas-field.png


    Create your first page

    Now that you've added the Layout canvas to your Basic page content type you can create your first page.

    1. Navigate to Content > Add content and click Basic page
    2. Give your page a the title Test page (or something similar)
    3. You should see the Layout canvas on the edit screen. If not, repeat Step 2
    4. Click the + button and drag the Paragraph element onto the Layout canvas


      Add-paragraph-to-page-v5.gif
       
    5. On the Paragraph element click the ...ellipsis button and click Edit in the menu
    6. Enter some text in the Paragraph field and click Apply at the bottom of the Sidebar editor
    7. Click Save and publish.
    8. You should now see your page


      Edit-paragraph-preview-page-v5.gif
       

    That's it, you've created your first DX8 page

    If you've followed the above steps correctly and view your test page you will see the paragraph of text you've just added.

    Although this is very basic, you're now able to add DX8 to an existing website. You can use the rest of this documentation to learn how to use all of DX8's features..

    Troubleshooting

    If you view your test page and you don't see the paragraph of text you added then:

    1. Go through each of the steps above to make sure you have followed each one accurately
    2. Clear your browser cache by doing a hard reload on your browser
    3. You can also try clearing the Drupal cache (although you shouldn't need to do this). Navigate to the Drupal 8 menu and click Flush all caches

    Common questions and answers

    1. Why does it say Layout canvas above the paragraph? There's a field label above your paragraph because Drupal adds this when you add a field to something. To remove this label, navigate to Structure > Content types > Basic page > Manage display. Then in the Label column, click on the drop-down next to Layout canvas and select 'Hidden'. The label will now be removed from your template and page.

    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket