E-mail CSS/Styling Full Control

E-mail CSS/Styling Full Control

  
Trying to send an e-mail from Outsytems but maintaining full control over they styling via an expression with HTML content.

E-mail has been associated with a blank theme which has the grid turned off but am unable to avoid the platform from inserting styling into the e-mail as follows below.

Can anyone advise how to stop this occuring?

<style>
.OSFillParent { 
 display: block;
 width: 100%;
}
table.OSFillParent {
 display: table;
}
input.OSFillParent,
button.OSFillParent,
select.OSFillParent,
textarea.OSFillParent {
 display: inline-block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
.OSInline {
 display: inline-block;
 *zoom: 1;
 *display: inline;
 vertical-align: top;
}
table.OSInline {
 display: inline-table;
}
.OSAutoMarginTop {
 margin-top: 10px;
}
table[class*="ThemeGrid_Width"] {
 display: inline-table;
 vertical-align: top;
}
div[class*="ThemeGrid_Width"] {
 vertical-align: top;
}
th[class*="ThemeGrid_Width"],
td[class*="ThemeGrid_Width"] {
 display: table-cell;
}
[class*="ThemeGrid_Width"] {
 display: inline-block;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 *zoom: 1;
 *display: inline;
}
.ThemeGrid_Container {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}
 
</style>
Hi swb252,

When you mention a blank theme what exactly do you mean? When you create an Email screen, by default it will come with a Web Block containing two placeholders (Title, MainContent) and its source web block is "LayoutsOther\Layout_Email" from Rich Widgets eSpace. Did you delete this web block from your email screen and built the email from there?
When you create a new eSpace/Module you can choose a Blank Template and then use it just for clean emails. That would probably be your best choice for that scenario.
In case you did a Blank Template, you will still get the styles you referred.
But those are the minimum OutSystems can supply, because those styles are going to be used by default for the basics of the platform: its own widgets.
However, you can still override those few lines on your own application meaning full control.

Regarding those styles, they are used by the Grid, which was built to improve the design of Web Screens by providing a simple way of working with alignments, sizes and spacing.

Take a look here to see what those syles are used for:
http://www.outsystems.com/help/ServiceStudio/9.0/default.htm#User_Interface/Styles_Applied_by_the_Grid.htm
Check this one.......CSS Styling Tables

Mercal