---
schema_version: "1"
id: e761e14d8cc580cff9d23d248f083587fbb9782c6f053100100f1908822563a0
title: Available Events and Actions
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_events_available.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_events_available.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 42e8a4c40b05dc3cab06f799acfdbc1d7b7eaabf073f180687118b2e0c98d446
description: Choose from several event triggers and actions when you create an event.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Available Events and Actions

Choose from several event triggers and actions when you create an event.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
      <colgroup>
        <col>
      </colgroup>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>, and
              <strong>Unlimited</strong> Editions
            </p>
            <p style="margin-bottom:0;">Available (with limitations) in:
              <strong>Developer</strong> Edition
            </p>
          </td>

        </tr>
      </tbody>
    </table>

## When This Event Occurs...

 
| Event | Occurs When... |
| --- | --- |
| Double click | The user double-clicks the page element. |
| Click | The user clicks the page element. |
| Focus | The focus moves to the page element. |
| Load | The page or page element is loaded in a browser window. |
| Blur | The focus moves from the page element. |
| Mouse in | The user moves the mouse pointer over the page element. |
| Mouse out | The user moves the mouse pointer out of the page element. |

## Trigger This Action...

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:21.333333333333336%">
          <col style="width:78.66666666666666%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d26877e172">Action</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d26877e175">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Add CSS Class</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Dynamically adds a CSS class to style the targeted item. For
              example, to alter the appearance of a page element, you can add a
              CSS class to it.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Alert</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Displays a popup browser alert message.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Animate</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">
              <p>Animates CSS properties, such as Top, Left, Width, and Height,
                which you specify by entering appropriate values in the
                <samp class="parmname">CSS</samp> field.
              </p>
              <p style="margin-bottom:0;">For example, if targeting an
                image, you can enter values such as <kbd>opacity: "0.4",
                  width: "70%"</kbd>, which changes the image's
                appearance according to the speed and effect you
                set.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Delay</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Adds a delay (measured in milliseconds) before the action that
              follows. (Ensure you select the <strong class="uicontrol">Chained</strong>
              checkbox to tie it to the subsequent action.)</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Execute JavaScript</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Runs custom JavaScript code, which you enter by clicking
              <strong class="uicontrol">Edit Script</strong> to open the Custom Code
              Editor.
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Go To Page</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Goes to the designated page number in data repeaters and data
              tables. See <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_events_pagination.htm&amp;release=264.0.0&amp;type=5" title="Events let you add interactive and animated effects to the pages and page elements of your website. When using data repeaters and data tables, you can add pagination events so users can easily page through the displayed data. Pagination events are particularly useful when working with large amounts of data.">Adding Pagination to Data Repeaters and Data
                Tables</a>.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Hide Element</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Hides the targeted item according to the speed and effect you
              set.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Next Page</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Goes to the next page in data repeaters and data tables. See
              <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_events_pagination.htm&amp;release=264.0.0&amp;type=5" title="Events let you add interactive and animated effects to the pages and page elements of your website. When using data repeaters and data tables, you can add pagination events so users can easily page through the displayed data. Pagination events are particularly useful when working with large amounts of data.">Adding Pagination to Data Repeaters and Data
                Tables</a>.
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Previous Page</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Goes to the previous page in data repeaters and data tables. See
              <a href="https://help.salesforce.com/s/articleView?id=platform.siteforce_events_pagination.htm&amp;release=264.0.0&amp;type=5" title="Events let you add interactive and animated effects to the pages and page elements of your website. When using data repeaters and data tables, you can add pagination events so users can easily page through the displayed data. Pagination events are particularly useful when working with large amounts of data.">Adding Pagination to Data Repeaters and Data
                Tables</a>.
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Remove CSS Class</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Removes a CSS class from the targeted item to dynamically remove
              its style. For example, to alter the appearance of a page element,
              you could remove the CSS class associated with it and replace it
              with another.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Repeat</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Repeats the action that follows by the specified number of times,
              with the specified delay between each occurrence. (Ensure you select
              the <strong class="uicontrol">Chained</strong> checkbox in the Properties pane
              to tie it to the following action.)</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Set Element Attribute</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Dynamically sets the specified attribute value of the targeted
              item. For example, if targeting an image, you could change the image
              source by entering <kbd>src</kbd> in the
              <samp class="parmname">Attribute Name</samp> field and entering the image
              URL in the <samp class="parmname">Attribute Value</samp> field. You can also
              add custom name/value pairs for advanced coding purposes.
            </td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Show Element</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Reveals the targeted item according to the speed and effect you
              set.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Submit</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Submits the selected form's data.</td>

          </tr>
          <tr class="">
            <td data-label="Action" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e172 ">Toggle Element</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d26877e175 ">Switches the visibility of the targeted element according to the
              speed and effect you set.</td>

          </tr>
        </tbody>
      </table>

#### See Also

- [Add Pagination to Data Repeaters and Data Tables](https://help.salesforce.com/s/articleView?id=platform.siteforce_events_pagination.htm&release=264.0.0&type=5 "Events let you add interactive and animated effects to the pages and page elements of your website. When using data repeaters and data tables, you can add pagination events so users can easily page through the displayed data. Pagination events are particularly useful when working with large amounts of data.")
- [Events Overview](https://help.salesforce.com/s/articleView?id=platform.siteforce_events_overview.htm&release=264.0.0&type=5 "Events enable you to add interactive and animated effects to the pages and page elements of your website.")