Edit RadPageView css on client side using javascript

[Vitalii]

I have multi page with page vies:

 <telerik:RadMultiPage runat="server" ID="multipage" SelectedIndex="0">
    <telerik:RadPageView runat="server" ID="PageViewQS" CssClass="tab"> </telerik:RadPageView>
    <telerik:RadPageView runat="server" ID="PageViewCS" CssClass="tab"> </telerik:RadPageView>
 </telerik:RadMultiPage>

Css class:
.tab {
    padding: 10px;
    overflow: auto;
    height: 650px;
}

I want to change css height on client side using javascript. I tried this:
               $(document).ready(function () {
                    if (screen.height > 800) {
                        $('#multipage').css('height', '475px');
                        $('#PageViewQS').css('height', '475px');
                    }
                });

but id does not work.

Any ideas how can I do it?

[Nencho]

Hello Vitali,

I can suggest you to access the DOM element of the RadPageView and set the height in the following manner :

<script type="text/javascript">
          function pageLoad() {

              var $ = $telerik.$;
              var height = $(window).height();
              if (height > 800) {

                  var MultiPage = $find('<%= multipage.ClientID %>');
                  for (i = 0; i < MultiPage.get_pageViews().get_count() ; i++) {
                      var PageView = MultiPage.get_pageViews().getPageView(i);
                      PageView.get_element().style.height = "475px";
                  }
              }
          }

      </script>

Kind regards,
Nencho
the Telerik team

[Vitalii]

Thank you for your answer, I will try)