Announcing the Saviynt Knowledge Exchange unifying the Saviynt forums, documentation, training,
and more in a single search tool across platforms. Read the announcement here.

Need help in email template creation for Advanced HTML CSS

PinkyChau
New Contributor II
New Contributor II

hi ,

We need alignment of bullet points in left, center and right.

PinkyChau_0-1713887804153.png

and to achieve this we used below:-

<style>
.bullet-list {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 10px;
}
</style>
<ul class="bullet-list">
<li>Align amongst the <b>LT</b> on how you will leverage a <b>specialist skillset</li>
<li>Align expectations</b> and ways of working</li>
<li><b>Adjust expectations vs outputs</b> of a Bain consultant</li>
</ul>
<ul class="bullet-list">
<li><b>Onboard the case team before</b> the contractor's arrival</li>
<li><b>Utilize the contractor's previous experiences on projects</b> and delve into their insights</li>
<li>Provide context on the project and <b>deep dive into work and deliverables expected</b></li>
</ul>
<ul class="bullet-list">
<li><b>Take time with the contractor</b> during their first week. </li>
<li>Identify a <b>“colleague”</b> in the case team <b>to support</b> them during their <b>first days.</b> </li>
</ul>

Its showing perfect in html viewer but

PinkyChau_1-1713887976168.png

In saviynt after triggering the mail we are getting like below:-

PinkyChau_2-1713888042678.png

 

 

 

 

4 REPLIES 4

Raghu
Valued Contributor III
Valued Contributor III

@PinkyChau  can you adjust below size in template chek it , it work and if not based size it will display

Example:

width: 10%;
margin-right: 5px;


Thanks,
Raghu
If this reply answered your question, Please Accept As Solution and hit Kudos.

rushikeshvartak
All-Star
All-Star

Use table tag to achieve your requirement


Regards,
Rushikesh Vartak
If you find the response useful, kindly consider selecting Accept As Solution and clicking on the kudos button.

rushikeshvartak
All-Star
All-Star

<style>
.bullet-list {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 10px;
}
</style>

<table>
<tr>
<td class="bullet-list">
<ul>
<li>Align amongst the <b>LT</b> on how you will leverage a <b>specialist skillset</b></li>
<li>Align expectations and ways of working</li>
<li><b>Adjust expectations vs outputs</b> of a Bain consultant</li>
</ul>
</td>
<td class="bullet-list">
<ul>
<li><b>Onboard the case team before</b> the contractor's arrival</li>
<li><b>Utilize the contractor's previous experiences on projects</b> and delve into their insights</li>
<li>Provide context on the project and <b>deep dive into work and deliverables expected</b></li>
</ul>
</td>
<td class="bullet-list">
<ul>
<li><b>Take time with the contractor</b> during their first week. </li>
<li>Identify a <b>“colleague”</b> in the case team <b>to support</b> them during their <b>first days.</b> </li>
</ul>
</td>
</tr>
</table>


Regards,
Rushikesh Vartak
If you find the response useful, kindly consider selecting Accept As Solution and clicking on the kudos button.

Hi @rushikeshvartak  Thanks for your suggestion it worked after using table tag.