Embedded interface issue - Showing blank page

jagadeeshg over 7 years ago

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>

<script src="https://MYSERVER/suite/tempo/ui/sail-client/embeddedBootstrap.nocache.js" id="appianEmbedded"></script>
</head>
<body>
    
    <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 venkannak over 7 years ago

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>

<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>
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel

Reply

0 venkannak over 7 years ago

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>

<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>
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel

Children

No Data