Editing Icon Blocks

Icon style blocks allow you to create up to 32 items, each with an icon, title, custom colour and link to either a Hail Article/Publication or an external URL

Icons are great for providing quick access to important information or showcasing multiple links in an attractive layout

How to

Navigate to the Blocks section of Hail and click + Block.
Select the Icon style.
When you first create a Icon Block, your first empty item ( icon) will be created for you - simply begin to fill it out and any changes you make can be seen in the preview on the right
First enter a title for the item - avoid making this too long or it may not all display on smaller screens! The title will display underneath the icon, as shown in the preview.
Next, select a link for the item. Click 'Add Link' below the title field and a modal will pop up, allowing you to select an Article, Publication, or enter your own url. Note: only published Articles and Publications will show up here - and if adding a custom link, you need to enter the full address, starting with 'https://'
You can also choose what colour the Icon background will be. Click the 'Colour' field on the bottom left of the item and a colour picker will appear. You can choose any colour you like - use the slider in the bottom menu to change the base colour, and click anywhere in the gradient above to choose the shade. Make sure the icon is still clearly visible though - this is easy to check using the preview.
Finally, choose an icon from the dropdown to the right.
To add more items to your block, click "+ Add Item" at the top or bottom of the list of items.
All fields in an item must be filled out in order for that item to display on your content. If these are not completed, a warning message will display at the bottom of the item in the editor to let you know! Once all required fields are filled out, the message will disappear. Please note that one incomplete icon won't stop the whole Block from displaying - only the incomplete item will be hidden from your viewers.

Removing items

Items can be removed from the block by clicking the "X" in the top right of each item. Note: this action cannot be undone!

Changing a Block title and description

You can also change your Block title in the right hand sidebar if required. This title will display to the public.
The Block description can also be edited. Icon Blocks do NOT display the description to the public, so this may be used for info or notes if required.

Actively Being Used

At the very bottom of this page, you can see any locations this Block is in use. This can be handy if you want to make some changes but aren't sure if it will affect any unexpected locations - just scroll down to the bottom and the name and style of any content using this Block will be listed. Any of these items can then be viewed straight away by clicking the "Edit' button in the list.

Examples of Icon blocks on websites: