Open Forum

Expand all | Collapse all

Flex Email Header size not aligning due to Data Tag table size

  • 1.  Flex Email Header size not aligning due to Data Tag table size

    Posted 16 days ago
      |   view attached
    Hi,
    Hoping someone from Cvent or super user can assist.

    I am building out event invitations in Flex and have been following Cvent's Graphics Cheat Sheet for Flext Event. However, the email header all of a sudden does not align to the email body once I enter in data tag {[C-CURRENT REGISTRATION]}. This data tag pulls in a registration summary table that appears to be larger than the email banner. This had not done this before.

    I called Cvent support and they mentioned the table is 630px wide, so I updated my email header to 630px. However, this did not fix it (screen shot attached). Is anyone else experiencing this? Have the graphics changed? I know there are a lot of updates from classic to flex taking place, but this should be communicated. A cheat sheet for data tags that pulls in tables with sizes should be created so we can build our graphic assets ahead of time.



    #Flex-Creating/ManagingEvents
    #PromotingYourEvent

    ------------------------------
    JoAn Santiago
    ------------------------------


  • 2.  RE: Flex Email Header size not aligning due to Data Tag table size

    Posted 16 days ago
    Hi JoAn,

    You should be able to override this styling by doing some quick adjustments to the email's code. From Build Mode, click "Switch to HTML code" at the very bottom of the menu. Be sure to do this after you've made all other changes - once you switch to HTML mode, any changes you make will be undone by switching back to build mode.

    From there, look for the table that holds your banner email. It should look something like this:

    <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="https://custom.cvent.com/084746FAB94747268708BEA885CF19E0/pix/ad601169b0484edaa2ed6b41dd1b3749.png" alt title border="0" width="600" align="left" style="width:600px;display:block" class="img-max"></td></tr></tbody></table>

    This is the tag you're interested in, since this is what contains the image:

    <img src="https://custom.cvent.com/084746FAB94747268708BEA885CF19E0/pix/ad601169b0484edaa2ed6b41dd1b3749.png" alt title border="0" width="600" align="left" style="width:600px;display:block" class="img-max">

    The bold portions are the portions that tell the image how wide to be. Change them like so:

    width="600" can be left alone
    style="width: 600px;display: block" becomes style="width: 100%;display: block;"

    Setting the style width to 100% tells your image to become as wide as the container it's in, so it should fill the entire space. If it doesn't, it's possible to container it's in is also too short, which has a similar fix (but I would want to see the code before trying to tell you how to monkey with it).

    Hope this helps!

    ------------------------------
    Katie McIntyre
    Manager, Technical Production
    Opus Solutions, LLC d/b/a Opus Agency
    ------------------------------



  • 3.  RE: Flex Email Header size not aligning due to Data Tag table size

    Posted 16 days ago
    Hi Katie,
    Wow you are superwoman! Thank you so much for this information. I was aware of the HTML code, but did not want to edit in case i did have to switch back at some point. However, since it's just the confirmation emails, i did finalize all details and edit the code. Although you mentioned not to edit the width size, changing the style width to "100%" did not work. However, when I did modify the width value to 630, it worked like a charm.

    Any reason you think the 100% edit would not have worked or can I continue changing the value like I did without effecting it in the future ? I will test this again in another event I am building out to be sure your suggestion works. But i needed an immediate fix for the current event.

    Truly appreciate the information and your immediate reply.

    JoAn

    ------------------------------
    JoAn Santiago
    VP, Events
    Marsh & McLennan Companies, Inc.
    ------------------------------



  • 4.  RE: Flex Email Header size not aligning due to Data Tag table size

    Posted 16 days ago
    Glad it helped!

    Yes, there are a handful of reasons width: 100% might not have worked. This code just tells the picture to be as wide as the table it's in, so if your table is set to 600px (being stretched to 630 due to the data tag), the image would stop "stretching" at 600px. Manually setting it to 630 would tell the image to ignore the size of its container and be 630px wide regardless.

    The benefit of setting a percent is that it makes the email a bit more fluid, but if you know for a fact that your email is a certain width, you should be totally fine to change the width to that exact number.

    Cheers!

    ------------------------------
    Katie McIntyre
    Manager, Technical Production
    Opus Solutions, LLC d/b/a Opus Agency
    ------------------------------