Universal Robots Forum

How to layout using CSS position:absolute?

I would like to display a large image on the right top corner without affecting other input fields.
In HTML5 I could use CSS, position:absolute.

Any suggestion on how to do this in urcaps’ html ?
Alternatively how would one do it using java ?

+----------------------------------------------------------------+
| TITLE                              +-------------------------+ |
| [input field]                      | LARGE IMAGE             | |
| [input field]                      | LARGE IMAGE             | |
| [input field]                      | LARGE IMAGE             | |
| [input field]                      | LARGE IMAGE             | |
| [input field]                      +-------------------------+ |
| [input field]                                                  |
+----------------------------------------------------------------+

I was able to achieve this by putting img tag on the same line as the input. I have the img set to 25px by 25px but this strategy should work for a large image as well.

Example code:
image

Html viewer:
image

Refer to this for setting the image on java side:

Thanks for the tips.
I opted out using similiar layout as described here: