Custom HTML How To's

From Pengower
Jump to: navigation, search

Learn how to use HTML to edit the appearance of your application.

How to Create HTML Snippets

HTML Snippets gives us the ability to write a series of HTML scripts that we can use in your application.

Tutorial Video

Step by Step Guide

1. Go to the HTML SNIPPETS tab and click on the NEW HTML SNIPPET button.

Html snippets how to 1.jpg

Html snippets how to 2.jpg

2. Choose a name for your HTML Snippet using the TITLE field

3. (OPTIONAL) You can also put in a description using the DESCRIPTION field.

Html snippets how to 3.jpg

4. Click on the EDIT HTML BODY button button. It should open a new tab to your browser where you can write your script.

Html snippets how to 4.jpg

5. Put in an HTML Script

Html snippets how to 5.jpg

6. Once you are done, click on the save button and close.

Html snippets how to 6.jpg

Html snippets how to 7.jpg

7. Click on the UPDATE button to save your HTML Snippet

Html snippets how to 8.jpg

You now have created an HTML Snippet.

See Also

Elements

element Types

element Rendering Guide

How to create Types

How to create Sections

How to Set an element's appearance

Type, Section and element Naming

How to create an Attachment element

How to create a custom HTML element

Tutorial Video

Step by Step Guide

1. Open the data type and Section you want to add this element to.

Custom HTML element how to 1.jpg

Custom HTML element how to 2.jpg

2. Click on the NEW element button.

Custom HTML element how to 3.jpg

3. Choose a name for your element by filling out the TITLE field.

Custom HTML element how to 4.jpg

4. Under type, choose INFORMATION

Custom HTML element how to 5.jpg

5. Click on the UPDATE button

Custom HTML element how to 6.jpg

6. Click on the RENDERING button under options. A new pop up window should appear

Custom HTML element how to 7.jpg

7. Under Option, choose INFORMATION

Custom HTML element how to 8.jpg

8. Now under the parameters, we'll see a text box appear. This is where we'll put in our HTML script. Place your HTML Script inside the box.

Custom HTML element how to 9.jpg

9. Click on the UPDATE button to save your rendering option.

Custom HTML element how to 10.jpg

10. Click on the UPDATE button again to save your element and click on the Update Application button.

Custom HTML element how to 11.jpg

You can now see the the html element we just created. You now have created and displayed a custom html element.

Custom HTML element how to 13.jpg

See Also

Elements

element Types

element Rendering Guide

How to create Types

How to create Sections

How to Set an element's appearance

Type, Section and element Naming

How to create an Attachment element