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
    Admin
    Magdalena avatar
    421 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:
    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
     

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

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top