Quick Links Widget
==================
The Quick Links widget displays buttons that link to specific pages within your TouchPoint database. These
buttons can be customized to point to frequently used pages.

The Widget uses only an HTML file as shown below. Since the data is the same for all users, caching should be
set to **all users**.

To customize the widget, you can modify the pages to which the buttons link and/or change the color of the
buttons and text. In the HTML code:

*   **Change the URL to which the buttons link**. Navigate to the desired page and copy everything after the
    first single slash and replace the corresponding text shown below. In this example, you will be replacing
    ``Person2/0`` in the URL.

    .. code-block:: html

        <a href="https://mychurch.tpsdb.com/Person2/0" type="button" class="block"><b>My Profile</b></a>

*   **Modify a tab**. Replace the part of the URL after the hashtag as shown below. In this example, you will
    be replacing ``tab-memberstatus`` in the URL.

    .. code-block:: html

        <a href="https://mychurch.tpsdb.com/Person2/0#tab-memberstatus" typee="button" class="block"><b>My Profile</b></a>

*   **Change the label of the button**. To change the button's label, modify the text between the `<b>` and `</b>`
    tags as shown in the example below. In this example, you will be replacing ``My Profile`` in the line of code.

    .. code-block:: html

        <a href="https://mychurch.tpsdb.com/Person2/0" type="button" class="block"><b>My Profile</b></a>

*   **Change color of the buttons or of the button labels**. Update the button background color in line 26
    or the label font color in line 27.

Video
-----
Below is a short video demonstrating some of the features of this widget.

.. raw:: html

    <iframe width="560" height="275" src="https://i.tpsdb.com/SpecialLinks.mp4?rel=0"
    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

|

HTML Code
---------
Below is the HTML code for the Quick Links widget. As supplied by TouchPoint, the file name is
**WidgetQuickLinksHTML**.

.. literalinclude:: Files/WidgetQuickLinks.html
    :linenos:

|
|

+--------------------+------------------+
| **Latest Update**  | **01/07/2021**   |
+--------------------+------------------+

Change widget name to Quick Links (formerly Special Links).