Problem with RadAjaxManager and Splitter?

[Bhuvan]

Hi,

I had a rad ajax manager which updates my panel visible and invisible thorugh my Radcombobox. My panel has RadSplitter..
but i am not able to dock undock the Radslidingpane .. it giving me a javascript error as "the function is not defined". but i am defining the function.. if i remove ajax manager its working fine.. how to solv my problem

      <script type="text/javascript">
          function Productchangesize() {
              var splitter = $find("<%=RadSplitter_CreateProduct.ClientID%>");
              var width = 280;
              splitter.set_width(width);
          }

          function ProductChangeUndockSize() {
              var splitter = $find("<%=RadSplitter_CreateProduct.ClientID%>");
              var width = 22;
              splitter.set_width(width);
          }

</script>

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
    </telerik:RadScriptManager>

                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Panel1" />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                    </AjaxSettings>
                    </telerik:RadAjaxManager>
                    <telerik:RadAjaxLoadingPanel runat="server" ID="loadingpanel"/>


    <telerik:RadComboBox ID="RadComboBox1" Runat="server" AutoPostBack="true">
        <Items>
            <telerik:RadComboBoxItem Text="Item1" />
            <telerik:RadComboBoxItem Text="Item2" />
            <telerik:RadComboBoxItem Text="Item3" />
            <telerik:RadComboBoxItem Text="Item4" />
        </Items>
    </telerik:RadComboBox>


<asp:Panel ID="Panel1" runat="server" BackColor="White">
     <table width="500">
                     <tr>
                        <td width="25">

                                   <telerik:RadSplitter
                             ID="aaa"
                             runat="server"
                             Orientation="Vertical"
                             Width="25"
                             VisibleDuringInit="false"
                             Height="375">

                           <telerik:RadPane
                                ID="bbb"
                                runat="server"
                                BackColor="#DEE0C8">

                                <telerik:RadSlidingZone
                                     ID="ccc"
                                     runat="server" BorderColor="AliceBlue" BorderWidth="3px" BorderStyle="Solid">

                                  <telerik:RadSlidingPane
                                    ID="ddd"
                                    runat="server"
                                    Title="eee Details"
                                    EnableDock="true"
                                    EnableResize="false"
                                    OnClientUndocked="ProductChangeUndockSize"
                                    OnClientDocked="Productchangesize"
                                    Width="250" BorderColor="AliceBlue" style="border-style:solid;border-width:3px;" BorderWidth="3px" BorderStyle="Solid">
                                        <div>
                                          Hey this is mes
                                     </div>
                                 </telerik:RadSlidingPane>
                               </telerik:RadSlidingZone>
                            </telerik:RadPane>
                       </telerik:RadSplitter>
                        </td>

                        </tr>

 </table>
    </asp:Panel>

But i am getting error as undefined Productchangesize? how to do this

[Iana Tsolova]

Hello Bhuvan,

Can you share the whole page code so we can try replicating the issue locally?

Greetings,
Iana
the Telerik team