Unanswered

Customize Column Widths of Create HTML Table in Summary Email

(0) Share

Report

Posted on by jfielder

I have a Daily Summary Email i am working on. The 3 columns it pulls from a SharePoint Document Library is a Title, a Summary Text column, and the link to the file.

I have it becoming a table with a compose step before to modify the table like so:

i need to adjust the link column to be 25% of the 100% and i can't figure out how to do that. I would also like if possible to change the text on the hyperlink, but I'm not sure that's possible.

Categories:

Building flows

I have the same question (0)

All responses (2)

Answers (0)

tkat 9 on at

Like (0)

Report

Re: Customize Column Widths of Create HTML Table in Summary Email

I have the exact same issue. I used Ryan Maclean's CSS code (below) to format the table but I need the first column to be a fixed width (or autofit) and not wrap the header text. A bonus would be to limit text in the second column so that it's only a preview. I've tagged @eliotcole and @ScottShearer; these superheroes helped me last week although I imagine you've already resolved this since it's been a long while.

<style>
table {
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
width: 100%;
text-align: center;
border-collapse: collapse;
}
table td, table th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table tbody td {
font-size: 15px;
}
table thead {
background: #364248;
border-bottom: 2px solid #444444;
}
table thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
border-left: none;
}
</style>

Was this reply helpful? Yes No
eliotcole 4,363 Moderator on at

Like (0)

Report
Re: Customize Column Widths of Create HTML Table in Summary Email

I'll have a proper look later, and bless you to the great lord Ayrton Senna da Silva for your compliment, because I am certainly no super hero ... but on the surface that looks like mighty fine CSS.

You could also use a text replace to insert CLASSes or IDs into the HTML (and the 'A' links) created throughout.

If your looks are just links, then I could also suggest using any relevant text that comes with them and making proper links with text.

Alternatively, it's very understandable for emails to not do that, because:
Avoiding spam issues.
Accessibility (reader issues for the blind) issues.
Transparency from a business perspective.
It's just easier 😅.
In which case you might not want them formatted as literal links at all. But if you do still want to you can still make the HTML useful, because good HTML (in my humble opinion) indicates what things actually are.

For example if I'm listing the indexia credits on a comic book, like so:
Title: Sensational Spider-Man Annual#1
Writer: Matt Fraction
Artist: Salvador Larocca
I would want to put a SPAN tag around "Sensational Spider-Man Annual #1" with the CLASS of "comicTitle" to indicate what it is.

This allows people exactly like the kind of nerds that hang out on a Microsoft automation community to extract the information that they want, accurately.

I don't have access to full formatting here so I'll skip the full code, but that would be <SPAN CLASS="comicTitle">Sensational Spider-Man Annual #1</SPAN> for that example.

Anyway, all of that is just to say that you could put the CLASS of "link" or make incremental IDs of "link001", "link002", "link003", etc.

If I think of more I'll either edit in, or post again.

Was this reply helpful? Yes No