I made a sliding panal as your example but with a little deferent that the panel in (OCX) user Control , it work fine but the problem is that it start in an open position , i want it to start closed and be opened when i click the button . my code is :

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

       <%-- <script src="scripts.js" type="text/javascript"></script>--%>
 <%-- /**/--%>

        <script type="text/javascript">
            Sys.Application.add_load(function() {

                demo.rightPanel = $get('<%=RadPanelBar2.ClientID %>');
              <%--  demo.rightButton = $get('<%=rightbutton.ClientID %>');--%>
                demo.rightButton = document.getElementById("rightbutton");

              <%--  demo.rightButton = $find("<%=rightbutton.ClientID %>");--%>

                demo.initialize();
            });
        </script>
    </telerik:RadScriptBlock>

<div class="right-pane">
            <input type="image" id="rightbutton" class="button" src="../images/ElmosamenIcon.png" />

   <%--  <telerik:RadButton RenderMode="Lightweight" ID="rightbutton" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox"
                        Width="53px" Height="53px" AutoPostBack="false" ForeColor="Black" Checked="true" >
                        <ToggleStates>
                            <telerik:RadButtonToggleState ImageUrl="../images/ElmosamenIcon.png" HoveredImageUrl="../images/ElmosamenIcon.png"
                                Text="Play" Selected="true"></telerik:RadButtonToggleState>
                            <telerik:RadButtonToggleState ImageUrl="../images/ElmosamenIconclosed.png" HoveredImageUrl="../images/ElmosamenIconclosed.png"
                                Text="Pause"></telerik:RadButtonToggleState>
                        </ToggleStates>
                    </telerik:RadButton>--%>

            <div class="sliding-pane">
            <telerik:RadPanelBar RenderMode="Lightweight" ID="RadPanelBar2" runat="server"  Width="200px"  skin="BlackMetroTouch" Height="605px"  ExpandMode="FullExpandedItem" 
             DataSourceID="SqlDataSource1" DataFieldID="id" DataFieldParentID="ParentId" DataTextField="Text" DataNavigateUrlField="HyperLink" ViewStateMode="Enabled">
            <DataBindings>
                <telerik:RadPanelItemBinding  Depth="0" ImageUrl="ImageURL"  Expanded="true"  />
            </DataBindings>
        </telerik:RadPanelBar>


            </div>
        </div>

with  a java script code as

(function () {
    var demo = window.demo = window.demo || {};



    demo.initialize = function () {


        var rightPanel = demo.rightPanel;
        var rightButton = demo.rightButton;

        if (rightPanel) {
            SetUpAnimation(rightButton, Telerik.Web.UI.jSlideDirection.left, rightPanel);
        }
    }

    window.SetUpAnimation = function (button, direction, element) {
        element.style.position = "relative";

        var expanded = true;

        var expandAnimation = new Telerik.Web.UI.AnimationSettings({});
        var collapseAnimation = new Telerik.Web.UI.AnimationSettings({});

        var slide = new Telerik.Web.UI.jSlide(element, expandAnimation, collapseAnimation, false);

        slide.initialize();

        slide.set_direction(direction);

        button.onclick = function () {
            element.parentNode.style.visibility = "visible";
            element.parentNode.style.display = "block";
            if (!expanded) {
                slide.expand();
            }
            else {
                slide.collapse();
            }
            expanded = !expanded;
            return false;
        }
    };
}())

I also try to use a Rad button with type  ToggleButton  to change the button image when i click the button , it work well but the problem it is appear in the left side of the sliding panel

I created a grouped by radgrid with pagerstyle 10,

I added sum in footer,

but Sum is calculated for each 10 records.. I would like to see the sum just in end of group.

The sum is not by group, it's by page, how to make it by group?

<consist:ConsistGenericGrid ID="grData7" runat="server" ShowFooter="false" AllowSorting="false" DefaultSort="false" Visible="false"

                    OnNeedDataSource="grData7_NeedDataSource" OnPreRender="grData7_PreRender" OnItemDataBound="grData7_ItemDataBound">

                    <ClientSettings>

                        <ClientEvents OnColumnResized="telerik_ext.OnGridColumnResized" />

                    </ClientSettings>

                    <MasterTableView ShowGroupFooter="true" AllowMultiColumnSorting="true" ShowFooter="false">

                        <GroupByExpressions>

                            <telerik:GridGroupByExpression>

                                <GroupByFields>

                                    <telerik:GridGroupByField FieldName="GR" HeaderText=" " HeaderValueSeparator=" "></telerik:GridGroupByField>

                                </GroupByFields>

                                <SelectFields>

                                    <telerik:GridGroupByField FieldName="GR " HeaderText="קבוצת" HeaderValueSeparator=" "></telerik:GridGroupByField>

                                  </SelectFields>

                            </telerik:GridGroupByExpression>

                        </GroupByExpressions>

                    </MasterTableView>

                    <GroupingSettings ShowUnGroupButton="false" RetainGroupFootersVisibility="true" GroupContinuesFormatString="" GroupContinuedFormatString="" GroupSplitDisplayFormat=""></GroupingSettings>

                </consist:ConsistGenericGrid>

This is my ajax web form Slider

            sli.MaximumValue = 100;
            sli.MinimumValue = 0;
            sli.OnClientSlideEnd = "ClientSlideEnd";
            sli.Width =410;
            sli.Style.Add(HtmlTextWriterStyle.Display, "inline-block");
            sli.ItemType = SliderItemType.Tick;
            sli.ThumbsInteractionMode = SliderThumbsInteractionMode.Free;in 

in client side CliendSlideEnd function I call a server side sub, when I slide the thumb, I have only one thumb, the control works fine, It fires correctly the SlideEnd event and I can retrieve the new value, but If I click on slider, rather than slide, the ClientSlideEnd doesn't fires; So I've tried to use ClientSlideValueChanged but it fires too much time when I slide the thumb, any suggestions?

Thanks a lot

Hi Telerik,

I'm using 2021.2.616.45 AJAX controls and I have the bubble layer working as per your example https://demos.telerik.com/aspnet-ajax/map/examples/functionality/bubble-layer/defaultcs.aspx

But I can't get the tooltip to work.

<telerik:RadMap RenderMode="Lightweight" runat="server" ID="rmDeliveryHeatmap" Zoom="3" MinZoom="2" MaxZoom="16" Width="98%">
        <ClientEvents  OnShapeMouseEnter="onShapeMouseEnter"/>
        <CenterSettings Latitude="23" Longitude="10" />
        <LayersCollection>
            <telerik:MapLayer Type="Tile" Subdomains="a,b,c"
                UrlTemplate="https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"
                Attribution="&copy; <a href='https://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">
            </telerik:MapLayer>

            <telerik:MapLayer Type="Bubble" ClientDataSourceID="RadClientDataSource" ValueField="DeliveryCount" LocationField="Location">
                <TooltipSettings Position="Top" Template="<p>#= marker.dataItem.ItemCount #</p>" />
                <StyleSettings>
                    <FillSettings Opacity="0.4" Color="#00cc66"/>
                    <StrokeSettings Width="0" />
                </StyleSettings>
            </telerik:MapLayer>
        </LayersCollection>
    </telerik:RadMap>

I'm guessing that the object name in the Template attribute is wrong.

<TooltipSettings Position="Top" Template="<p>#= marker.dataItem.ItemCount #</p>" />

Please can you provide a working example.

Cheers,

Matt

Hello,

In a UserControl, in the ascx file, we have a RadAjaxManagerProxy.

In codebehind, we have this code :

RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);
manager.ClientEvents.OnResponseEnd += "responseEnd" + this.ClientID + ";";

In a page, we have 2 versions of this usercontrol.

On the last responseEnd js function is fired. The first one is not.

Do you have any idea to help me ?

Thank you for your help.

We use the Radmediaplayer. However on page load, it loads the first chunk of the media file. When looking at the network logs we confirmed it loads on page load. Note this  is not auto play, the file does not start until we press play. 

What this means is that our stats are reporting very high file consumption and reporting downloads is not correct. We would like to stop the preload. Our current code is:

<telerik:RadMediaPlayer ID="RadMediaEpisodePlayer" Height="300" Width="100%"

                                        EnableViewState="false" runat="server" AutoPlay="false"
                                        HDActive="false" 
                                        RenderMode="Auto">
                                    </telerik:RadMediaPlayer>

Hi Team,

I am getting the below error while debugging one of our code .

'~/Telerik.Web.UI.WebResource.axd' is missing in web.config. RadStyleSheetManager requires a HttpHandler registration in web.config. Please, use the control Smart Tag to add the handler automatically, or see the help for more information: Controls > RadStyleSheetManager

though the entry is present in the web.config

 <httpHandlers>
        <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />
        <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
        <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
        <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />
        <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
      </httpHandlers>

Can you please help me with this?

Hi Telerik Team,

Our customer found strip plugin doesn't work properly on MAC OS not matter what browser they choose ( Chrome and Safari ). We found the same issue on Telerik editor demo site too. Is there any walk-around or coming release to fix the issue ?

How to reproduce it:

1. go to https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

2. switch to "HTML" mode, then copy and paste following

<p><span style="color: rgb(34, 38, 53); font-size: 14.5pt; font-family: Cambria, serif; line-height: 107%;">Vue uses HTML templates and JSX to render the content onto DOM, while React only uses JSX, which is essentially an extension that allows you to insert HTML directly into JS code.</span></p>
<p><span style="color: rgb(34, 38, 53); font-size: 14.5pt; font-family: Cambria, serif; line-height: 107%;">&nbsp;</span></p>
<h3 style="margin: 15pt 0in 7.5pt;"><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 14pt; font-family: Consolas; letter-spacing: -0.4pt;">beforeCreate</span></code></h3>
<p><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">The&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">beforeCreate</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;hook runs at the very initialization of your component.&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">data</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;has not been made reactive, and&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">events</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;have not been set up yet:</span></p>

3. back to design mode, run "Strip All Format" option

4. check the result, it's not the same if you use MAC OS or Windows OS

Thanks in advance,

Lan

When scaling browser viewport the LightBox image aspect ratio is not preserved.

What can we do to make this work?

Thanks for yr time.

Marc

Hi,

we display a RadChart and hook up to its Click() event. All works fine when we click on a chart segment. But if the chart has a legend, the legend is clickable (too) and if a user clicks it we get below error.

Is there a way to fix this? Can we make the legend non-clickable?

The version we use is 2020.2.617.45

Thanks

Michael

Serverfehler in der Anwendung /.

---

Der Index lag außerhalb des Bereichs. Er darf nicht negativ und kleiner als die Sammlung sein.
Parametername: index

[ArgumentOutOfRangeException: Der Index lag außerhalb des Bereichs. Er darf nicht negativ und kleiner als die Sammlung sein.
Parametername: index]
   System.ThrowHelper.ThrowArgumentOutOfRangeException(ExceptionArgument argument, ExceptionResource resource) +69
   Telerik.Web.UI.RadChart.RaisePostBackEvent(String eventArg) +483
   System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +15
   System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +9858668
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1696