• State Not Answered
  • Replies 4 replies
  • Subscribers 5 subscribers
  • Views 4194 views
  • Users 0 members are here
Related Discussions
Home » Discussions » Integrations

Embedded interface issue - Showing blank page

jagadeeshg

Hi All

 

I need help related to Embedded interface integration in web application running in IIS.

I have done the below steps and iam getting a blank page in browser. Please help me as it is urgent for me.

1)Created a sample html page with below code.

<!DOCTYPE html>
<html>
  <head>
<p>Hellloo Jag!!!</p>


    <!-- This script loads the Appian Web components; change it to your Appian server's domain -->
 <script src="https://MYSERVER/suite/tempo/ui/sail-client/embeddedBootstrap.nocache.js" id="appianEmbedded"></script>
  </head>
  <body>
    <!-- This custom HTML element specifies an Appian report to embed on the HTML page -->
    <appian-action processModelUuid="0010de55-ef31-8000-f92f-7f0000014e7a"></appian-action>
  </body>
</html>

 

2)Added my server details in Embedded Interface CORS in Appian admin console area.

 

am I missing any other thing here?

 

Mant thanks for your help.

 

Kind regards

Jag.

 

 

 

  Discussion posts and replies are publicly visible

Parents
  • 0
    Hi Jag, try to change the domain referenced in the initial script element to that of your Appian server and then load the page. Put a valid task ID number into the input box, and then click the button.
    __________________________________
    <!DOCTYPE html>
    <html>
    <head>
    <!-- This script loads the Appian Web components; change it to your Appian server's domain -->
    <script src="appian.example.com/.../embeddedBootstrap.nocache.js" id="appianEmbedded"></script>
    <script>
    /* This function dynamically inserts an <appian-task> element into the page with the user-specified taskId */
    function addTask() {
    var taskId = document.getElementById('new-task').value;
    if (taskId) {
    var newTask = document.createElement('appian-task');
    newTask.setAttribute("taskId", taskId);
    newTask.addEventListener("submit", handleSubmit, false);
    document.body.insertBefore(newTask, document.getElementById('insertPoint'));
    }
    }

    /* This function is called by the submit event listener */
    function handleSubmit() {
    alert("The task has been submitted!");
    }
    </script>
    </head>
    <body>
    <input id="new-task" />
    <button onclick="return addTask();">Embed This Task</button>
    <div id="insertPoint"></div>
    </body>
    </html>
Reply
  • 0
    Hi Jag, try to change the domain referenced in the initial script element to that of your Appian server and then load the page. Put a valid task ID number into the input box, and then click the button.
    __________________________________
    <!DOCTYPE html>
    <html>
    <head>
    <!-- This script loads the Appian Web components; change it to your Appian server's domain -->
    <script src="appian.example.com/.../embeddedBootstrap.nocache.js" id="appianEmbedded"></script>
    <script>
    /* This function dynamically inserts an <appian-task> element into the page with the user-specified taskId */
    function addTask() {
    var taskId = document.getElementById('new-task').value;
    if (taskId) {
    var newTask = document.createElement('appian-task');
    newTask.setAttribute("taskId", taskId);
    newTask.addEventListener("submit", handleSubmit, false);
    document.body.insertBefore(newTask, document.getElementById('insertPoint'));
    }
    }

    /* This function is called by the submit event listener */
    function handleSubmit() {
    alert("The task has been submitted!");
    }
    </script>
    </head>
    <body>
    <input id="new-task" />
    <button onclick="return addTask();">Embed This Task</button>
    <div id="insertPoint"></div>
    </body>
    </html>
Children
No Data

© 2024 Appian. All rights reserved.