Nested PageLayouts Padding Issue

2 posts, 0 answers
  1. Greg
    Greg avatar
    29 posts
    Member since:
    Oct 2007

    Posted 06 Apr 2015 Link to this post

    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?
  2. Magdalena
    Magdalena avatar
    413 posts

    Posted 07 Apr 2015 Link to this post

    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:
    <telerik:LayoutColumn CssClass="content"

    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.


    See What's Next in App Development. Register for TelerikNEXT.

  3. DevCraft R3 2016 release webinar banner
Back to Top