89
Views
6
Comments
Html and Css
Question

How can i create Screen using Html and Css?

Please Explain How to do?

Thanks in Advance....

Rank: #45

Hi Vel,


I would suggest please go through the below links to make understading in OS

www.outsystems.com/learn/paths/2/becoming-a-traditional-web-developer/

mvp_badge
MVP
Rank: #115

Vel Raja Balasubramanian wrote:

How can i create Screen using Html and Css?

Please Explain How to do?

Thanks in Advance....

Hi Vel Raja,

OutSystems as its own Design framework OutSystems UI. You can use for creating UI. Instead of using HTML tags you can use OutSystems components like Container. You also have option to use HTML elements where needed.

You can write your CSS in Theme (you can find that in interface tab)

You can go through this guided path for understanding more about OutSystems UI designing

https://www.outsystems.com/learn/paths/7/designing-user-delightful-ux-ui/

How can i create Screen using Custom Html and Css?

I have already Html and Css  code , How i use this code to our Outsystems... That's my question.

Please Explain How to do?

Thanks in Advance....

mvp_badge
MVP
Rank: #96

Hi Vel Raja Balasubramanian,

If you want to embed any custom HTML and CSS code within a screen, you can use Expression widget by setting  the Escape Content property to No.

Check this: Sample Screen

SyntaxEditor Code Snippet

"<h1 style='color:red'> This is heading1 tag </h1>
<h2> This is heading2 tag </h2>
<h3> This is heading3 tag </h3>
<h4> This is heading4 tag </h4>
<h5> This is heading5 tag </h5>
<h6> This is heading6 tag </h6>
<h7> This is heading7 tag </h7>

<br/>
<p> This is a paragraph tag </p>
"


Hope this helps you!

Regards,

Benjith Sam