Responsive tables

  • 0
  • 1
  • Question
  • Updated 2 months ago
  • Answered
  • (Edited)
Can anyone tell me if it is possible to create a two column table that is responsive on Emma's platform? I've spent several (way too many) hours trouble shooting this but I can't find a solution. I saw a previous solution of using an image file but that won't work as we are pulling data into the two columns. Thanks for any guidance all! 
Photo of Vanderbilt University - Development and Alumni Relations

Posted 2 months ago

  • 0
  • 1
Photo of Bethany Woerner

Bethany Woerner, Champion

  • 40 Posts
  • 19 Reply Likes
Hello there. This is totally possible! Here is an article on how to do it on Emma: https://support.e2ma.net/Resource_Cen...
Photo of Phillip M

Phillip M, Official Rep

  • 247 Posts
  • 20 Reply Likes
Hi! 

All of Emma's gallery templates are mobile responsive. Is there something specific to your mailing that is not rendering or stacking as you might expect?
The problem arose in a CYO template. We have a table with two columns set up. The columns are all data fields. We haven't been able to find a solution. The table works on desktop but not mobile/responsive. See attached. Thanks! Jon 
Photo of Bethany Woerner

Bethany Woerner, Champion

  • 40 Posts
  • 19 Reply Likes
Hello Jon,

A two–three column layout is difficult to read on a small device, which is why responsive layouts are typically designed to stack columns on top of one another when viewed on a mobile phone. With this in mind, the layout is actually working as it should.

I'm not sure there is a way to prevent the columns from stacking without breaking the responsive code. However, there might be a different way to accomplish what you are trying to do.

If this is created using variable data, I would suggest rethinking the layout. For example, you could do one of the following:
  • Vanderbilt University—$XX
  • In 2017, you gave a total of $XX to Vanderbilt University. Below are the organizations and clubs that you helped to support:
    School of XX
    XX Club
    Athletics
You'll also want to make sure the information you are providing is secure. Some may prefer to access their specific financial information behind a login on your website with the email being a simple "Thank you for giving! Click here to view your giving summary."

I hope this helps!
—Bethany
Photo of Phillip M

Phillip M, Official Rep

  • 247 Posts
  • 20 Reply Likes
Hey There!

Bethany is on target with her response here. This is the expected behavior for a mobile responsive mailing and rethinking your layout may be your best approach. Thanks for weighing in on this, Bethany!
Thanks to all responders. My team was able to change our approach and get our mission accomplished. Cheers!