Slider and Masterpage

[Mikko]

When using Masterpage, I cannot read value from the Slider or move slider. Without Masterpage everything is working fine.

Radslider:

<telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_Items"
     runat="server" Value="100" ItemType="item" Width="790px"
     SmallChange="1" OnClientValueChanged="onSliderValueChanged"
     Height="70px" AnimationDuration="400" ShowDragHandle="true"
     MaximumValue="300" MinimumValue="50" ThumbsInteractionMode="Free">
     </telerik:RadSlider>

Javascript error:

Cannot read property 'get_value' of null

Javascript code:

function onSliderValueChanged(sender, args) {


                var slider = $find('ContentPlaceHolder1_RadSlider_Items');
                var sliderValue = slider.get_value;

                var imageControl = $find('ContentPlaceHolder1_RadImageEditor1');
                imageControl.zoomImage(sliderValue);

            }

[Mikko]

We found a solution for this. When using Masterpage we are now using

 function onSliderValueChanged(sender, args) {

                var sliderValue = sender.get_value();
                var imageControl = $telerik.findControl(document.documentElement, "RadImageEditor1");
                imageControl.zoomImage(sliderValue);

            }

[Vessy]

Hi,

Thank you for the update, Mikko. Another option you can consider is referring the ImageEditor directly by its ClientID like follows (note that the script has to be placed directly on the aspx page, but not an external js file):

            function onSliderValueChanged(slider, args) {
                var sliderValue = slider.get_value;

                var imageControl = $find('<%=RadImageEditor1.ClientID%>');
                imageControl.zoomImage(sliderValue);
            }

Regards,
Vessy
Progress Telerik