Make an Entire Box Clickable

Make an Entire Box Clickable

Introduction

This article explains the steps to make an entire box (Activity Boxes, Whyboxes, Note Boxes) clickable, to create a button type function. With these clickable boxes, you may overlay them over images to create user friendly landing pages as an example.
Insert any box onto the canvas



Double click the box you wish to add a link to in order to open and edit the text. Create a text link by highlighting the text and clicking the link icon.


Here you will see the "Insert link" window. This lets you link to many different formats. Choose a link to insert into the box and click Insert link

You can check the "Open link in new tab?" option if you wish for the link to open in a new tab when clicked.



Click the 'Paperclip' icon on the box to open the left side panel. 


Scroll down to see the  "Additional Settings" menu and open the drop-down
Check the 'Make box entirely clickable'


What Happens?

  1. When in 'View Mode' the entire surface of the box will be clickable. 
  2. The text of your link will be hidden (and all other text may be visible).

Changing the Style of your Box

  1. Select the box and click 'Box Style' on the left side editing panel. This will open up the box style settings, where you change the attributes of the box to fit the style you want to create.
  2. A tip is to make the box completely transparent under "Box Style". This will let you overlay the box over any image, text heading or anything you would like.


See also:
  1. Linking Processes


    • Related Articles

    • Make the most out of notes in a process

      What are Note boxes ? Note boxes allow you to add free text to a process in order to capture additional descriptions, questions, to highlight changes or guide users through the process. They can also be used for adding icons and images to a process. ...
    • Copy and Paste Box Content

      Copy and Paste Box Content Introduction When mapping a process, you may find there are times when you want to copy over content from one box to another. Instead of repeating the actions of adding the same content to numerous boxes, why not learn this ...
    • How to remove a detailed view from an Activity Box

      What is it? When mapping a process in Spark, you can create detailed views containing a sub-process. There may be times where you change your mind and want to remove everything inside of the detailed view. How to remove a detailed view from an ...
    • Lock box position in place (Notes, Activity Boxes and Whyboxes)

      What is it You can "lock" boxes so that they don't get in your way when you are working in a process A lock box: Does not highlight on mouse over Is not selectable In other words, it looks like it's part of the background Locked boxes have been ...
    • Process Mapping Basics

      Mapping your first process You've just created and opened your very first process, but don't know where to start. This article will help you understand and learn the basics of process mapping in Spark! Define the scope of your process Before mapping ...