HtmlForgeX

Email Layout

EmailBox

The primary content container:

email.Body.EmailBox(box => {
    box.WithBackgroundColor("#f5f5f5")
       .WithBorderRadius(Radius.Medium)
       .WithPadding("16px");
    box.EmailText(text => text.Text("Content inside a styled box."));
});

EmailSection

Group content into sections:

var section = new EmailSection()
    .WithBackground("#ffffff")
    .WithPadding("20px");

section.EmailHeading("Section Title");
section.EmailText(text => text.Text("Section content."));

email.Body.Add(section);

EmailRow & EmailColumn

Table-based responsive grid:

email.Body.EmailRow(row => {
    row.EmailColumn(col => {
        col.EmailText(text => text.Text("Left column"));
    });
    row.EmailColumn(col => {
        col.EmailText(text => text.Text("Right column"));
    });
});

EmailGrid

Multi-column grid layout:

var grid = new EmailGrid()
    .WithColumns(3)
    .WithGap(GridGap.Medium)
    .WithStackOnMobile(true);

grid.EmailText(text => text.Text("Cell 1"));
grid.EmailText(text => text.Text("Cell 2"));
grid.EmailText(text => text.Text("Cell 3"));

email.Body.Add(grid);

EmailBackgroundImageBox

Background image with Outlook VML fallback:

email.Body.EmailBackgroundImageBox(box => {
    box.WithBackgroundImage("https://example.com/bg.jpg");
    box.EmailHeading("Hero Title", 1);
});

API Reference