Thank you Rohit and Eric. I much prefer the look of PopupMenu (just a personal thing) so I wonder whether we could adapt Rohit's code to populate PopupMenu?

I am not sure how the UI would differ using Row instead of Grid but am attaching sample data and perhaps you could advise. I will also need to investigate how I can respond to changing the selection in the PopupMenu but that can come later.

Attachments:

Dissociation con...dbf

Dissociation con...xlsx

Looks like Rohit got to it first. You can see the basic idea: create a function that creates the display form for a single "row" of data and map it over your data. You can experiment with Grid, Row, formatted strings, or anything else that strikes your fancy.

If you have the data in a structured form, then that part of the problem would be easy. If you add some sample data, I can show you how. But you might want to first experiment with the UI side of things. You might decide you want Row instead of Grid (or whatever) and so your function to transform from raw data to a UI-friendly representation will depend on where you land on the UI side of things.

It might depend on how faithful to that specific image you want to be. You can use pretty much anything you want for the labels in the popup menu, but you might not be able to get the "feel" of a single grid with its own drop-shadow and other details. So, here is a very loose approximation--maybe you can tweak it to get something close enough:

PopupMenu[
 Dynamic[molecule],
 {Entity["Chemical", "AceticAcid"] -> 
   Grid[{{"Acetic acid", 4.74}}, ItemSize -> {{12, 4}, Automatic}, Alignment -> Left],
  Entity["Chemical", "BromoaceticAcid"] -> 
   Grid[{{"Bromoacetic acid", 2.69}}, ItemSize -> {{12, 4}, Automatic}, Alignment -> Left],
  Entity["Chemical", "AdipicAcid"] -> 
   Grid[{{"Adipic acid", 5.41}}, ItemSize -> {{12, 4}, Automatic}, Alignment -> Left]}]

Of course, you probably want to come up with a way to programmatically generate this data.