How to include custom HTML in your application

How to include custom HTML in your application

  

The goal of this HowTo is to explain how to include any kind of HTML in your applications using Service Studio. For exemplifying this, we will create an iFrame.

1. How to include custom HTML in a Web Screen

To include custom HTML in a Web Screen, use an Expression with the Escape Content property set to No.

  1. Drag an Expression widget to your Web Screen.
  2. Set the Escape Content property of the Expression widget to No. This will make the contents of the expression to be rendered directly to the web page, without any escaping.
  3. Write your custom HTML in the Expression property.
  4. 1-Click Publish the eSpace and there it is your custom HTML!

How to add Image to it? I mean how to refer images which are uploaded in Interface/images folder?

sdb da wrote:

How to add Image to it? I mean how to refer images which are uploaded in Interface/images folder?

Hello,

To show an image that you've imported into your eSpace, all you have to to is drag it from your "Images" eSpace folder and drop it into your webscreen.

To show an uploaded image, you're first going to have to save it to the database. Here are a couple of links explaining how to do that:

https://www.outsystems.com/forums/discussion/10453/upload-image/
https://www.outsystems.com/forums/discussion/9392/upload-images/


if you need to do it with an expression, which is not the best way, but then the url would be something like 

"/<espacename>/img/imagename.jpg"

the imagename is the name that outsystems give it..


Outsystems should have more of these "How to" instructions besides their videos. Thank you!