This is a migrated thread and some comments may be shown as answers.

Problems with stylization of RadSplitter's content

0 Answers 29 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Telerik Admin
Top achievements
Rank 1
Iron
Telerik Admin asked on 28 Oct 2013, 04:50 PM
In Q3 2013 there are changes in the RadSplitter related to HTML5 validation. They include specific selectors, which affect the content inside the control.

This issue will be fixed in the upcoming 2013 Q3 SP1 release of RadControls for ASP.NET AJAX.

For the time being the problem can be avoided via both of the following steps: 

  1. We had to remove cellpadding and cellspacing attributes. The following styles are the correct CSS equivalent of the HTML attributes and should be added in the problematic page:
    .RadSplitter {
        border-spacing: 0;
    }
    .rsPane,
    .rspPaneHorizontal {
        padding: 0;
    }
  2. The CSS class rsHTML5ValidationFixer affects the stylization of the splitter's content. The appearance of the content will be fixed after removing this class, however the page will no longer pass HTML5 validation. This can be achieved by placing the following JavaScript code after the ScriptManager control:
    Sys.Application.add_load(function() {
        var $ = $telerik.$;
      
        $(".rsHTML5ValidationFixer").removeClass("rsHTML5ValidationFixer");
    });
Tags
Splitter
Asked by
Telerik Admin
Top achievements
Rank 1
Iron
Share this question
or