Unable to get js to work properly inside RadPageView

[Jerald]

I have the following RadPageView in my WebForms application:

<telerik:RadPageView ID="rpvInspsSketch" runat="server">

     <div class="fs-container">
          <div id="lc"></div>
     </div>

     <script src="../_js_libs/react-0.14.3.js"></script>
     <script src="../_js_libs/literallycanvas.js"></script>

     <script type="text/javascript">
          var lc = LC.init(document.getElementById("lc"), {
          imageURLPrefix: '../_assets/lc-images',
          toolbarPosition: 'bottom',
          defaultStrokeWidth: 2,
          strokeWidths: [1, 2, 3, 5, 30]
          });
     </script>

</telerik:RadPageView>

 

The canvas displays properly, but none of the drawing tools work.  If I move the code outside the RadPageView it works as expected. 

How can I get this to work inside the RadPageView?

Thanks - Jerald

[Marin Bratanov]

Hello Jerald,

I am not sure how this script is loaded and what is the component that fails to initialize, but at this point my best guess is that the issue is that this PageView is loaded in the browser with AJAX, so inline scripts are not parsed. You can register them from the server code via the ScriptManger static methods (RegisterStartupScript, RegisterClientScriptBlock and RegisterClientScriptInclude). Once the third party tool works properly with AJAX, it should work with the PageView as well.

Regards,

Marin Bratanov
Telerik by Progress