Universal Robots Forum

How to design UI like this?

1.there are two area with title (TitledBorder).
2. the content is a item list can be selected.

@jbm How can I implement this UI? Do you have any good Suggestions?

@sales
You could use a combination of a table and a JScrollPane.

But I am not sure what your question is.

@sales
Features like a scroll-able panel and panels with Titled borders are not available to a HTML based URCap.

You need to build a JavaSwing based URCap. Instructions to do this can be found on the Getting Started section of this page. After that its a matter of looking up the functionality of different components, like the JScrollPane and the TitledBorder for example.
Here are some useful links to get you started:
A visual guide to swing components: http://web.mit.edu/6.005/www/sp14/psets/ps4/java-6-tutorial/components.html
A visual guide to Borders: https://docs.oracle.com/javase/tutorial/uiswing/components/border.html
A visual guide to layout managers: https://docs.oracle.com/javase/tutorial/uiswing/layout/visual.html

4 Likes