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: A Visual Guide to Swing Components (from: The Java™ Tutorials > Graphical User Interfaces > Swing Features)
A visual guide to Borders: How to Use Borders (The Java™ Tutorials > Creating a GUI With Swing > Using Swing Components)
A visual guide to layout managers: A Visual Guide to Layout Managers (The Java™ Tutorials > Creating a GUI With Swing > Laying Out Components Within a Container)

3 Likes