Embedding iFrame in Dynamics CRM

I am trying to Embed a Domo card into our Dynamics CRM and getting the URL to read the right identifier to then filter the card down to the right records is proving difficult.

I've referred to this discussion: https://dojo.domo.com/t5/Card-Building/Filter-Page-via-URL/td-p/23967

and this discussion: https://dojo.domo.com/t5/Domo-Everywhere-Embed/Embedded-Cards-in-Salesforce-Dynamic-Filter/m-p/26993#M3073

and they've helped me to see the card in Dynamics, but it's not filtering the card to the records associated with the contact I'm viewing.

Here's my syntax so far: https://XXXXX.domo.com/embed/view/71400645?pfilters=[{"dataSetId":"xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx", "column": "client_ContactId", "dataType": "string" , "operand":"IN", "values":"id"}]

The values that CRM would pass to DOMO are not being picked up properly because it's showing me all values rather than those associated. There's a setting within the Dynamics iFrame where it says "Pass record object-type code and unique identifier as parameters." that I have checked (see graphic), but how do I have domo pick up the unigue identifier to then filter the card/page? Do I need to build the card/page in a special way to have it picked up? I feel like the values part of my URL needs some attention, but I'm unsure as to how to change it.

The ideal end result is to have a page instead of the card where I show a lot of different types of stats and have that as an iFrame in Dynamics and have it filtered to just the record I'm viewing, but for now I'll settle for the card to work as intended.

Quick Links

Accepted answers

JaredUJZ

Aaron,

What I did was built a Web Resource and had our developer write me a little HTML javascript to get it done. Here's the HTML:

<html><head>
<meta><meta></head>

<body style="overflow-wrap: break-word;">
  <title>DOMO CRM</title>

  <style type="text/css">
    .embed-container {
      height: 0;
      margin: 20px auto;
      max-width: 100%;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative;
    }

    .embed-container iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
  </style>

  <div id="output" class="embed-container">

</div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      var ujcrmd = '';

	  // Test ID
      // var id = "B66C8E96-9049-44BA-AA07-56D1AE14804E";

      // Get parent ID (from parent window)
      var id = window.parent.Xrm.Page.data.entity.getId();

	  // Set id2 to id minus the curly braces and then make the characters lowercase
      var id2 = id.replace(/{|}/g, '').toLowerCase();

	  // Declare the pfilters with the dynamic sanitized id
	  //datasetid is the dataset from DOMO
	  //client_ContactId is the field within your domo card that contains the ID from the record you want to view
	  //id2 is the id from dynamics that should be passed to the filter in DOMO to display the record you want
      var ds = '[{"dataSetId":"fbbb7d08-4644-4bde-bc58-9c1067fea6a3", "column": "client_ContactId", "dataType": "string" , "operand":"IN", "values":["' + id2 + '"]}]';

	  // URI encode the pfilters
      var dse = encodeURI(ds);

	  // Create the iframe with the new URL
      ujcrmd += '<iframe frameborder="0" height="300" width="300" src="https://yourdomain.domo.com:443/embed/view/71400645?pfilters=' + dse + '"></iframe>';

	  // Inject into #output div
      document.getElementById("output").innerHTML = ujcrmd;
    });
  </script>


</body></html>

All comments

Jarvis

Hey user05315!

I would recommend checking Domo's documentation on Embedding functionality here as your first step:

https://knowledge.domo.com?cid=domoembed

However, I'm not finding an answer to your direct question on my side. It may be more beneficial to reach out to your Domo account team for added support on this feature, and to let you know what can be accomplished here.

Thanks!

- Jarvis

JaredUJZ

Thank Jarvis, I originally tried what the link you referenced showed, but it wouldn't dynamically change the results in the card. I've since talked with one of our web developers and he was able to get me some javascript that builds the URL dynamically within our CRM web resource and then displays the results in our iframe. It works, but not as easy as some have said it is in Salesforce.

Hi @JaredUJZ

We're looking to do exactly the same thing in our Dynamics environment you've done in yours. Would you be willing to share what your web developer put together for you (less any sensitive information, naturally)?

JaredUJZ

Aaron,

What I did was built a Web Resource and had our developer write me a little HTML javascript to get it done. Here's the HTML:

<html><head>
<meta><meta></head>

<body style="overflow-wrap: break-word;">
  <title>DOMO CRM</title>

  <style type="text/css">
    .embed-container {
      height: 0;
      margin: 20px auto;
      max-width: 100%;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative;
    }

    .embed-container iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
  </style>

  <div id="output" class="embed-container">

</div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      var ujcrmd = '';

	  // Test ID
      // var id = "B66C8E96-9049-44BA-AA07-56D1AE14804E";

      // Get parent ID (from parent window)
      var id = window.parent.Xrm.Page.data.entity.getId();

	  // Set id2 to id minus the curly braces and then make the characters lowercase
      var id2 = id.replace(/{|}/g, '').toLowerCase();

	  // Declare the pfilters with the dynamic sanitized id
	  //datasetid is the dataset from DOMO
	  //client_ContactId is the field within your domo card that contains the ID from the record you want to view
	  //id2 is the id from dynamics that should be passed to the filter in DOMO to display the record you want
      var ds = '[{"dataSetId":"fbbb7d08-4644-4bde-bc58-9c1067fea6a3", "column": "client_ContactId", "dataType": "string" , "operand":"IN", "values":["' + id2 + '"]}]';

	  // URI encode the pfilters
      var dse = encodeURI(ds);

	  // Create the iframe with the new URL
      ujcrmd += '<iframe frameborder="0" height="300" width="300" src="https://yourdomain.domo.com:443/embed/view/71400645?pfilters=' + dse + '"></iframe>';

	  // Inject into #output div
      document.getElementById("output").innerHTML = ujcrmd;
    });
  </script>


</body></html>

Perfect!

Yes, I'm sure this will be so helpful. I'll reach out if I have more questions.

I owe you lunch!

other categories

Product Ideas
Have a Domo product enhancement idea? Submit or upvote on ideas in the Ideas Exchange.
Ideas Exchange
Suggest & vote on new features you would like to see implemented in the Domo Product.
Data Connections
Ask questions about Connectors, Workbench, Cloud Amplifier and get best practices from Domo peers
Connectors
Connectors, Custom Connectors, Writeback
Workbench
Ask questions about Workbench, a secure, client-side solution for uploading your on-premise data to Domo.
Cloud Integrations
Ask questions about Cloud Integrations and Federated Data connection to your data warehouse or lake.
Data & ETL
Ask questions about Magic ETL, SQL DataFlows, DataFusion, Dataset Views and get best practices from Domo peers
Magic ETL
Ask Magic ETL questions and get answers from Domo peers
SQL DataFlows
Ask SQL DataFlow questions and get answers from Domo peers
Datasets
Ask DataFusion and Dataset Views questions and get answers from Domo peers
Visualize & Apps
Ask questions about Beast Mode, Cards, Charting, Dashboards, Stories, Variables and get best practices from Domo peers
Dashboards
Ask Cards, Dashboards, and Stories questions and get answers from Domo peers
App Studio
Ask questions about building apps in App Studio.
Pro-code Components
Ask questions about pro-code components and Domo Bricks and get answers from Domo peers.
Charting & Analyzer
Ask questions about charting and Analyzer and get answers from Domo peers.
Calculations & Variables (Beast Mode)
Ask questions about using calculated fields and Variables (Beast Modes) in Analyzer.
AI & Data science
Ask questions about DomoAI and get answers from Domo peers.
Domo AI & AI Chat
Ask questions about AI Chat and AI assistants.
Managing AI
Ask questions about managing AI with AI Playground, AI projects, AI models, and more.
Jupyter Workspaces
Ask questions about Jupyter Workspaces, Notebooks, and file share.
Automate
Ask questions about App Framework, Workflows, Domo Bricks, Domo Developer, API and get best practices from Domo peers
Workflows
Ask questions about Task Center, building automations with Domo Workflows, and executing JavaScript or Python code with Code Engine.
Alerts
Ask questions about managing alerts in Domo and get answers from Domo peers.
Distribute
Ask questions about Domo Everywhere, Scheduled Reports, Mobile and get best practices from Domo peers
Domo Everywhere
Ask questions about embedded analytics with Domo Everywhere.
Reporting
Ask questions about Scheduled Reports, Report Builder, and Slideshow Publications.
Manage
Ask questions about Governance Administration, Approvals, Teams, Alerts, and Buzz and get best practices from Domo peers
Governance & Security
Ask questions about People, Groups, Roles, Sandbox, Activity log, Buzz, Teams, Approvals and PDP and get best practices from Domo peers
Navigation & Productivity
Ask questions about navigation, Projects & Tasks, Goals, and Buzz chat.
APIs
Ask APIs and Developer.domo.com questions and get answers from Domo peers
Add-ins & Plugins
Ask questions about plugins, Microsoft add-ins, and other third-party software integrations.
Domo Community Gallery
Watch how our Customers are using Domo to solve their complex problems.
Product Releases
Domo support and product teams are here to live-answer questions about the most recent product releases. Please post questions in this Forum board for all users to benefit (rather than submitting a support ticket).
Domo University
Questions or discussions related to Domo University, trainings and certifications
Community Forums
Getting Started
Welcome to Domo's Community Forums! You'll find everything you need to get started in this category.
Community Announcements
Get the latest from Domo's Community Team.
Social Groups
Archive
Old or outdated content that could still be found helpful.