Jquery Issue :Integrating outsystem page to third party

Jquery Issue :Integrating outsystem page to third party

  

Hi All,


We have this requirement of adding outsystem form page as a component in third party application page.We have used ajax with cross origin enabled and written the following code.

The page is getting incorporated in third party page but with following issues:

1. The css and js are getting picked with their relative paths and hence give 404.We want absolute path

(Example :instead of <link href="https://richa-kohli.outsystemscloud.com/RichWidgets/Blocks/RichWidgets/RichWidgets/MenuSlider.css?13" type="text/css" rel="stylesheet" /> it picks <link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/MenuSlider.css?13" type="text/css" rel="stylesheet" /> .

2. Just to give a try I hardcoded the css and js path,but still it gives encryption error on form submit

"A form was submitted in the windows-1252 encoding which cannot encode all Unicode characters, so user input may get corrupted. To avoid this problem, the page should be changed so that the form is submitted in the UTF-8 encoding either by changing the encoding of the page itself to UTF-8 or by specifying accept-charset=utf-8 on the form element."


Is there any better approach to do this or any way to fix the issues.We dont want to use Iframes,any other possible solution that maybe outsystem provides OOB?


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    $("button").click(function(){
   $.get( "https://richa-kohli.outsystemscloud.com/Sample_1/Home.aspx", function( data ) {
    data=data.replace('action="HomeScreen.aspx"','action="https://richa-kohli.outsystemscloud.com/Sample_1/HomeScreen.aspx"')
      alert( "Load was performed." );
    $("#div1").html(data);
    });
       
    });
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2>
<button>Get External Content "https://stackoverflow.com/questions/10615087/request-response-to-a-3rd-party-domain-via-javascript"</button>
</div>
</body>
</html>

Hi Richa,

This is a forum about developing applications with OutSystems. It seems your main problem is that you are developing a non-OutSystems application that you want to somehow connect to an OutSystems app. This is not what OutSystems is meant for, and it is not supported. I'll therefore close this topic.