Skip to content
  • There are no suggestions because the search field is empty.

Resolve - Public Portal iFrame Code

How to publish the Resolve Public portal to your website.

Prerequisites:  This article applies to client IT or Website Administrators, providing guidance on the details to insert the Resolve public portal iFrame on your website.

Contact Redman Solutions Helpdesk for any further clarification or assistance.

Below is an example of an iframe code you can use on your website.

You will need to apply your clientname to the URL. You may also need to adjust the height to best suit your amount of content. 

The URL for Resolve public portal will be https://clientname.resolve.red/portal/


<iframe src="https://clientname.resolve.red/portal/" name="frame1" scrolling="auto" frameborder="no" width="100%" height="2000px"> </iframe> 

You can also set Attributes in the URL to pre-filter for a specific meeting type.  To obtain the Meeting Type ID #, use the public portal meeting filter (top of page) to select the desired meeting.  Then copy the browser address bar URL to use as your iframe src URL.

Example code for pre-filter on Meeting Type:
<iframe src="https://clientname.resolve.red/portal/?meetingTypes=3" name="frame1" scrolling="auto" frameborder="no" width="100%" height="2000px"> </iframe>

If you add the following script to you host page, the iframe will automatically adjust to the size of the content. Be sure to update the clientname and name/ID to match.

<script>

(function () {
      const iframe = document.getElementById("frame1");

      // Listen for messages from the iframe
      window.addEventListener("message", function (event) {
        // Only accept messages from the iframe origin
        if (event.origin !== "https://clientname.resolve.red") {
          return;
        }

        const data = event.data || {};

        if (
          data.type === "resize-iframe" &&
          typeof data.height === "number" &&
          data.height > 0
        ) {
          iframe.style.height = data.height + "px";
        }
      });
    })();

  </script>