Layout Testing – 2019
This section shows the Presenter listing as a 5-Column Grid.
There is no “automatic” horizontal layout option.
As the window/screen size gets narrower, the grid compresses and the logo/text sections start to stack vertically.
These grid items are automatically linked to the Presenter pages.
In the event we go the route of the Popup Windows, I can manually create a Presenter Grid or Horizontal listing.
The manually created grid/listing could also have links to the popup windows – but as we discussed, this requires some duplicate work.
This section shows a 4-column, horizontal listing.
The main difference here is that all the text links to a combined Popup window (with the Bio text and the Presentation text)
I’m not sure which lining format you prefer.
My inclination is that it’s best to have the Persons Name link to just the bio, and the Presentation Title link to just the Presentation Details.
This section shows the 2-column setup for displaying Track 1 and Track 2 side-by-side.
A few notes about this…
This type of configuration is tricky to set up – it’s totally doable, but takes almost twice as long as setting up the full-width listings above.
I’ll see if I can explain…
The listings above consist of 4 columns across, and as the width of the viewing screen gets narrower, those individual columns stack on top of each other.
1 on top of 2 on top of 3 on top of 4.
So in both of our tracks there is a item at 9:00am, and at full screen width the two 9:00am items appear side-by-side.
But when the window gets narrower and the items start to stack, the 9:00am items will be on top of each other, mixing up the display of tracks 1 & 2.
When stacked it would read Track 1 9am, Track 2 9am, track 1 10am, Track 2 10am, Track 1 11am, Track 2 11am.
Rather than track 1 9am, track 1 10am, track 1 11am, then track 2 9am, track 2 9am, track 2 9am.
I know it’s a little hard to visualize – but the tracks get shuffled up.
In order to keep the 2 columns completely separate (as you see them below), it requires a considerable about of custom HTML coding to develop the special tables.
It works, and it works pretty well, but it adds even more work to get it to function exactly like you want it to.
I think this is our best route for this, it just requires some customization.