Please enable JavaScript to view this site.

Navigation: Using ASPRunnerPro > Page Designer

Insert Text / Image

Scroll Prev Next More

 

The Insert button also allows adding custom texts/HTML code and images. They behave as standard page elements: have adjustable properties, and support drag-n-drop.

insert_text_code_button

Insert Text/HTML code

To insert a custom text/HTML code, click the Insert button, and choose Text. Type or paste the text or code you want into the popup window.

insert_text_code_popup

 

Let's add, for example, a text and an HTML code to the page:

insert_text_code_elements

 

Note: you can edit the inserted text or code in the Label field in the properties. If there is a lot of text/code, you can edit it in a popup window with the edit in popup button.

 

Here is how the inserted text and HTML code look like in the generated app:

insert_text_code_example

Insert Image

To insert a custom image, click the Insert button, and choose Image. If you haven't added any images yet, click the add image files button and choose an image to add. Click the image to add it to the page.

insert_image

 

Note: if there are many images in the Image file popup, use the search panel to find the image you want.

 

Here is how the inserted image looks like in the generated app:

insert_image_example

Page Designer articles:

About Page Designer

Working with common pages

Working with table pages

Working with cells

Working with page elements

Working with additional pages

Page layout and grid type

Tabs and sections

Insert custom button

Insert code snippet

Insert map

Insert standard button

"View as" settings

"Edit as" settings

"Filter as" settings

See also:

Choose pages screen

Choose fields screen

Miscellaneous settings

Editor screen

Event editor