Applying Heart Age App

If you want to use the Heart Age App you will need to decide where you want the feature to appear.

This is added to a page in the form of a Media Item, this means you can add it quickly without having to understand the Source Code (HTML) of the page.


Creating the Heart Age App Media Item

Using the information in the tables below to follow the instructions:

Type HTML
Name Heart Age App
Code
<div id="tool_heart-age"></div>

In addition to the step below

You need to add the following to the Script Header of that page.

Creating & Managing Pages

<script id="tool-script_heart-age" src="https://assets.nhs.uk/tools/heart-age/js/inline_launcher.js"></script>

How to add the Heart Age App Media Item

Once created Media Items will appear within the WYSIWYG Editor within the Media Dropdown in the tool bar.

Media Dropdown Media Drop Down
  • It will place the item on the page in relation to where your cursor is
  • It will appear in text form - i.e. %%media-34%%
    (the number is unique to the media item created, so each one will have a different number)

The Heart Age App will be automatically inserted instead of the Media Item when you preview the page.