Multi Column Layout

Question

I have the following requirement:

Have a multi column layout (acutally 3 or 4 columns), the first column should be a column with a contact (ok, I can do this)

The second column should consist of a list all objects that belong to the contact from the first column (can be many but it should be less than 50).

I think I can do this with some kind of filter function.

My problem starts actually with column three. Column three should display are more detailed view of column 2.

So you filter thru one contact click on an object in column two and there should be detailed information in column three.

I can't figure out how to do this. Do I need to build a customn controller?

I've tried a standard controller with passing on the id to the third column, but that doesn't work at all.

Kevin Poorman · Accepted Answer

So, If I understand you correctly you want something that looks like this:

If so, try doing this general pattern.

Visualize each blue column above as a page block section or other re-renderable visualforce block.

Column 1 is backed by a query to list your contacts.

An onclick js of tha href="⌗" link fires off an action function / re-render of column 2 showing the results of a query constrained by the contact id.

Likewise, your third column is re-rendered by the action function setup as the on-click handler of the links in column 2.

For more information read:

Visualforce