cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
jfielder
Frequent Visitor

Customize Column Widths of Create HTML Table in Summary Email

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:

jfielder_0-1613753182715.png

 

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. 

2 REPLIES 2
tkat
New Member

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>

eliotcole
Super User
Super User

 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.

Helpful resources

Announcements
MPA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

PA Survey Carousel Image.png

We want to hear from you!

If you are a small business ISV/Reseller, share your thoughts with our research team.

Users online (1,308)