Nested PageLayouts Padding Issue

[Greg]

It appears that nesting PageLayout controls (for example parent in Master page and child in Content page) causes the child control to be padded on all sides by roughly 20-30 px. What is the cause and a solution?

[Magdalena]

Hi Greg,

Thank you for contacting Telerik support.

To remove an additional padding, you can apply a custom CSS class to the parent row and use it in a CSS selector to reset the paddings:
aspx:

<telerik:LayoutColumn CssClass="content"

CSS:

html .customClass,
html .customClass .t-col {

    padding: 0;

}


If the RowType property of a child row is set to "Container", it is necessary to reset paddings also for the .t-container element:

html .content .t-container {
    padding: 0;
}

We have attached a sample project with applied solution.

Regards,
Magdalena
Telerik