Hi,

We are using Telerik ASP .NET AJAX Control version 2020.1.114.45 in our product.

Sometimes, when the users are using our application with telerik controls, they get invalid viewstate exception as below. It happens randomly. Please let me know, if it is a known issue and fix is available for this issue.

We are using Chrome Browser Version 114.0.5735.199.

Invalid viewstate. 
Client IP: <ClientIP>
Port: 48492
Referer: <WebURL>/frmAPPOINTMENTS.aspx
Path: /frmAPPOINTMENTS.aspx
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36
ViewState: /wEPDwUJMjIyNjA0OTYwDxYCHhNWYWxpZGF0ZVJlcXVlc3RNb2RlAgEWAmYPZBYCAgMPZBYCAgEPZBYqAgEPFgIeCGRpc2FibGVkZBYEAgEPFgIfAWQWAgIBDxYCHwFkZAIDDxYCHwFkZAIDDxYCHwFkFgQCAQ8WAh8BZGQCAw8WAh8BBQhkaXNhYmxlZGQCBQ8WAh8BZBYcAgEPFgIfAWRkAgMPFgIfAWQWBgIBDxYCHwFkZAIDDxYCHwEFCGRpc2FibGVkZAIFDxYCHwEFCGRpc2FibGVkZAIFDxYCHwEFCGRpc2FibGVkZAIHDxYCHwFkZAIJDxYCHwFkFgoCAQ8WAh8BZBYEAgEPFgIfAWRkAgMPFgIfAQUIZGlzYWJsZWRkAgMPFgIfAQUIZGlzYWJsZWQWBAIBDxYCHwEFCGRpc2FibGVkZAIDDxYCHwEFCGRpc2FibGVkZAIFDxYCHwEFCGRpc2FibGVkZAIHDxYCHwEFCGRpc2FibGVkZAIJDxYCHwEFCGRpc2FibGVkZAILDxYCHwEFCGRpc2FibGVkZAINDxYCHwEFCGRpc2FibGVkZAIPDxYCHwFkZAIRDxYCHwEFCGRpc2FibGVkZAITDxYCHwEFCGRpc2FibGVkZAIVDxYCHwEFCGRpc2FibGVkZAIXDxYCHwFkFgQCAQ8WAh8BBQhkaXNhYmxlZGQCAw8WAh8BBQhkaXNhYmxlZGQCGQ8WAh8BBQhkaXNhY...

Thanks.

Hi

How do you add a client side OnExpanded / OnClientExpanded?

 

I have tried... but I get an error add_expand is NOT A FUNCTION 

 

var radDock = $find('MyRadDock')

 

radDock.add_expand(function () {

    // Expand

}

Ideas?  thx

Here is my scenario:

Top Level - Projects, second level: project details;

If i have only one project, i would like to go straight to project details by hiding top level.

Any suggestions?

 

I have a RadGrid with attribute RenderMode set to Mobile.
It works just fine and you can scroll vertically fine if I add "rough" data into the ItemTemplate e.g.

However, if I add some extra tags around the data e.g. 



I can't scroll the data any longer as it behaves like I am dragging the whole control. 

It also works fine if you use GridBoundColumn instead meaning, only when you add containers into the template column it stops scrolling on mobile devices. On desktops still works perfectly fine. Thank you

NOTE: I've noticed that if i carefully touch the space between the rows i can scroll up and down without problem but the content behaves just like i described above. Thx

We upgraded Telerik.Web.UI from version 2012.3.1016.35 to 2023.1.117.45 recently.

The RadEditor renders correctly. But module dialog are all broken. See below screenshot, it's hyperlink manager dialog. (We have two custom dialogs, they are working fine).

Do you know any possible reason of it? I cannot find any log or error message from web browser.

Hello -

We are using Telerik forms for our internal website. When I download one page with all its components, it is 73 files and 11.2 MB total size. Screen captures attached.

• 10 axd files (4.4 MB)
  
• 8 css files (328 KB)
  
• 47 js files (2.7 MB)
  
• 7 image files (84 KB)
• 1 html file (3.7 MB)

Most of our site is made up of similar pages. Our site has an average 500 connections per second. During peak times, the website crawls, with 20-30 seconds to return one page for each user.

We are accessing only text, with about 200 KB of text returned for each request.

It looks like 99.3% of the size of our pages is Telerik related files (mostly axd and js).

What could we be doing wrong? What should we be doing differently to reduce the size or count of Telerik files returned to the client?

Thank you!

Hello

I have an @Mention function that works within a normal aspx textarea.  It autocompletes names when entering the @ symbol and start typing the name.  Do you know how I can get this to work within Radgrid.  In the code below I need it specifically within the "Mat" column.

Here is the JavaScript:

        ////@mention function

        $(document).ready(function () {
            var availableTags = []; // You will fill this with data from server side

            function split(val) {
                return val.split(/@\s*/);
            }

            function extractLast(term) {
                return split(term).pop();
            }

            $(".mention")
                .on("keydown", function (event) {
                    if (event.keyCode === $.ui.keyCode.TAB && $(this).autocomplete("instance").menu.active) {
                        event.preventDefault();
                    }
                })
                .autocomplete({
                    minLength: 2,
                    source: function (request, response) {
                        var term = extractLast(request.term);
                        if (term.length >= 1) {
                            // ajax call to the server-side method
                            $.ajax({
                                url: './ProjectTracker.aspx/GetUsers',
                                method: 'POST',
                                contentType: 'application/json',
                                data: JSON.stringify({ 'prefix': term }),
                                success: function (data) {
                                    response(data.d);
                                }
                            });
                        }
                    },
                    focus: function () {
                        return false;
                    },

                    select: function (event, ui) {
                        var terms = split(this.value);
                        // remove the term before '@' symbol
                        terms.pop();
                        // add the selected item
                        terms.push(ui.item.value);
                        // join the terms with '@' and append space, instead of '@' at the end
                        this.value = terms.join("@") + ' ';
                        return false;
                    }
                });
        });

        $(".mention").autocomplete({
            // ... other options ...
            open: function () {
                $(this).autocomplete('widget').css('width', $(this).outerWidth());
            }
        });

Here is the Radgrid:

                     <telerik:RadGrid RenderMode="Lightweight" OnPreRender="Slippage_PreRender" runat="server" ID="Slippage" AutoGenerateColumns="false"
                        OnNeedDataSource="Slippage_NeedDataSource" OnUpdateCommand="Slippage_UpdateCommand" OnItemDataBound="Slippage_ItemDataBound"
                        OnItemCreated="Slippage_ItemCreated" OnDeleteCommand="Slippage_DeleteCommand" Skin="WebBlue"
                        OnInsertCommand="Slippage_InsertCommand" ShowHeadersWhenNoRecords="true">
                        <MasterTableView AutoGenerateColumns="False" EditMode="InPlace" DataKeyNames="ID" InsertItemDisplay="Bottom" CommandItemDisplay="Bottom" EnableHeaderContextMenu="false" ShowHeadersWhenNoRecords="true">
                           <PagerStyle Mode="NextPrevAndNumeric" PageSizeLabelText="Page Size: " PageSizes="300" />
                           <Columns>
                              <telerik:GridEditCommandColumn HeaderStyle-Width="20" ItemStyle-Width="20" UniqueName="start">
                              </telerik:GridEditCommandColumn>
                              <telerik:GridBoundColumn  DataField="Mat" DefaultInsertValue="" HeaderText="Slippage"  
                                 SortExpression="Mat" UniqueName="Mat" ItemStyle-CssClass="maximize">
                              </telerik:GridBoundColumn>
                              <telerik:GridCheckBoxColumn UniqueName="risk" HeaderText="At Risk"   ItemStyle-HorizontalAlign="Center"  HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="100px" DataField="risk" >
                              </telerik:GridCheckBoxColumn>
                              <telerik:GridButtonColumn Text="Delete" HeaderStyle-Width="50" ItemStyle-Width="50" CommandName="Delete" UniqueName="Delete"/>
                           </Columns>
                        </MasterTableView>
                        <ClientSettings AllowDragToGroup="false" AllowColumnsReorder="false">
                           <Resizing AllowColumnResize="false"></Resizing>
                        </ClientSettings>
                     </telerik:RadGrid>
                     <div style="clear: both"></div>
                     <br />
                  </div>
               </div>
            </div>

Here is the code for GetUsers:

        [System.Web.Services.WebMethod]
        public static List<string> GetUsers(string prefix)
        {
            List<string> users = new List<string>();
            // Query your database here based on the prefix and fill the 'users' list
            // This is a simple demonstration with static data
            List<string> allUsers = new List<string> { "John", "Alpha Bravo", "James", "Zack Smith", "Joy" };

            // For simplicity we are just doing a StartsWith. You might need to use a 'LIKE' query in SQL or equivalent
            users = allUsers.Where(u => u.StartsWith(prefix, StringComparison.InvariantCultureIgnoreCase)).ToList();

            return users;
        }

 

Here is a normal textarea that works with the function:

             <textarea class="mention" id="textArea" rows="4" cols="50"></textarea>

 

I've added these into the aspx  page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

I'm using a Rad MultiSelect to search for people, and I would like to include a link to the selected person's profile page within the item template.  I noticed that when I use a RadButton, I don't see it on the page.  When I use the <a OnClick> I see the hyperlink but I can't hit the controller action.  

Is it possible that I just can't use a RadButton in the MultiSelect Item Template?

Hi, I'm having trouble with a control called RadWindow. I show that control inside a normal asp form. The radwindow has a ContentTemplate inside it, and inside that content template I have all the controls of the form. What happens is that when the window is maximized then when you click on a datepicker or a comobox (both from telerik) the drop-down list of the combobox is not displayed nor the calendar of the radCalendar, which could be?

CODE:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmPruebaApariencia.aspx.vb" Inherits="frmPruebaApariencia" %>

<%@ Register Src="~/Controles/CtrUpload.ascx" TagPrefix="uc1" TagName="CtrUpload" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Prueba de consulta de trazabilidad</title>
    <style>
        .RadCalendar_Material .rcSelected2 a {
            background-color: #ffd587;
            color: orange;
        }

        .shadowed-div-header {
            background-color: #f1f1f1;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
        }

        .shadowed-div-body {
            background-color: #f1f1f1;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
            width:auto;
        }

    </style>

    <link href="../css/Mensaje.css" rel="stylesheet" />
    <script src="../script/maestro.js"></script>
    <script src="../script/jquery-1.4.1.js"></script>
    <script src="../script/jquery-1.4.1.min.js"></script>
    <script src="../script/mensaje.js"></script>
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/bootstrap-icons-1.9.1/bootstrap-icons.css" rel="stylesheet" />
    <link href="../css/fonts.css" rel="stylesheet" />

    <script language="javascript" type="text/javascript">
        function preventBack() { window.history.forward(); }
        setTimeout("preventBack()", 0);
        window.onunload = function () { null };

        function button_click(objTextBox, objBtnID) {

            if (window.event.keyCode == 13) {
                document.getElementById(objBtnID).focus();
                document.getElementById(objBtnID).click();
            }
        }
    </script>



</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="scriptmanager" runat="server" EnableTheming="True" LoadScriptsBeforeUI="False">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </asp:ScriptManager>
        <telerik:RadAjaxManager ID="AjaxManager" runat="server" ClientIDMode="Static" EnableTheming="True" LoadScriptsBeforeUI="False">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="AjaxManager">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadAsyncUpload1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <script type="text/javascript">
            function callBackFn(arg) {
                return true;
            }

            function ChangeToUpperCase(sender, args) {
                var inputElement = sender.get_inputDomElement();
                inputElement.style.textTransform = "uppercase";
            }
        </script>

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="True" Skin="Material" Visible="true" />
        <telerik:RadFormDecorator RenderMode="Lightweight" ID="FormDecorator1" runat="server" DecoratedControls="all" DecorationZoneID="decorationZone"></telerik:RadFormDecorator>

        <telerik:RadWindowManager ID="Alerta" runat="server" EnableShadow="True" CssClass="radalert" Behaviors=" Close, Move, Resize, Maximize, Minimize, Reload, Pin">
        </telerik:RadWindowManager>

        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" Title="Prueba" AutoSize="false" VisibleOnPageLoad="true"
            runat="server">

            <ContentTemplate>


                <asp:UpdatePanel ID="upPrincipal" runat="server" UpdateMode="Conditional">
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnLimpiarFiltros" />
                    </Triggers>
                    <ContentTemplate>
                        <div id="decorationZone">
                            <div style="margin: 20px;">

                                <div id="Header1" class="shadowed-div-header" style="border-radius: 10px; background-color: #A9B586; padding: 15px; display:none;">
                                    <div style="color: white; font-size: 20px">Prueba de Apariencia</div>
                                </div>

                                <div class="shadowed-div-body" style="margin-top: 20px; border-radius: 10px; background-color: white; width: auto">

                                    <div id="divFiltros" style="padding: 10px;">

                                        <div runat="server" id="divConsulta" visible="true">

                                            <div style="margin-top: 5px"></div>
                                            <div>
                                                <asp:Button ID="btnBuscar" Text="Buscar" runat="server" />
                                                <asp:Button ID="btnLimpiarFiltros" Text="Limpiar filtros" runat="server" />
                                            </div>

                                            <div style="border: none; border-top: 1px solid #CFD8DC; margin-top: 10px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px;"></div>

                                            <div class="row p-1">
                                                <div class="col-12 col-md-2 pr-0" style="font-weight: bold">Filtros</div>
                                            </div>

                                            <div class="row p-1">
                                                <div class="col-12 col-md-2">Rango Requerimiento Desde</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadTextBox runat="server" ID="txtRangoRequerimientoDesde" Text="0" InputType="Number" Width="80px" TabIndex="1" RenderMode="Lightweight"></telerik:RadTextBox>
                                                </div>
                                                <div class="col-12 col-md-2">Rango Requerimiento Hasta</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadTextBox runat="server" ID="txtRangoRequerimientohasta" Text="0" InputType="Number" Width="80px" TabIndex="2" RenderMode="Lightweight"></telerik:RadTextBox>
                                                </div>
                                            </div>

                                            <div class="row p-1" runat="server" id="divFecha" visible="true">
                                                <div class="col-12 col-md-2">Fecha Registro Desde</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadDatePicker ID="dtpFechaDesde" runat="server" Width="150px" ZIndex="10000" Culture="es-DO" TabIndex="1" ToolTip="" DatePopupButton-BackColor="#A9B586" DatePopupButton-ForeColor="black" Calendar-SelectedDayStyle-CssClass="rcSelected2" RenderMode="Lightweight">
                                                        <DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy" ReadOnly="true"></DateInput>
                                                    </telerik:RadDatePicker>
                                                </div>
                                                <div class="col-12 col-md-2">Fecha Registro Hasta</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadDatePicker ID="dtpFechaHasta" runat="server" Width="150px" ZIndex="10000" Culture="es-DO" TabIndex="2" DatePopupButton-BackColor="#A9B586" DatePopupButton-ForeColor="black" Calendar-SelectedDayStyle-CssClass="rcSelected2" RenderMode="Lightweight">
                                                        <DateInput ID="DateInput2" runat="server" DateFormat="dd/MM/yyyy" ReadOnly="false"></DateInput>
                                                    </telerik:RadDatePicker>
                                                </div>
                                            </div>

                                            <div class="row p-1" runat="server" id="divEmpleado" visible="true">
                                                <div class="col-12 col-md-2 pr-0">Empleado</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbEmpleado" runat="server" Width="100%" ZIndex="10000" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="3" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todos los empleados" Value="0" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                                <div class="col-12 col-md-2 pr-0">Posici&oacute;n</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbPosicion" runat="server" Width="100%" ZIndex="10000" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="4" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todas las posiciones" Value="0" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                            </div>
                                            <div class="row p-1" runat="server" id="div1" visible="true">
                                                <div class="col-12 col-md-2">Estatus</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbEstatusFiltro" runat="server" ZIndex="10000" Width="100%" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="6" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todos los estatus" Value="0" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="En Trámite" Value="1" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Aprobado" Value="2" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Anulado" Value="3" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Cerrado" Value="4" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="margin-top: 20px;">

                                            <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" Culture="es-DO" BorderColor="White" MasterTableView-Width="100%" Width="100%"
                                                AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="False" MasterTableView-PagerStyle-PageSizeLabelText="Páginas"
                                                AllowAutomaticDeletes="True" AllowSorting="true" MasterTableView-PagerStyle-NextPageToolTip="Siguiente" MasterTableView-PagerStyle-LastPageToolTip="Ultima pagina"
                                                MasterTableView-PagerStyle-FirstPageToolTip="Primera página" MasterTableView-PagerStyle-PrevPageToolTip="Atras"
                                                FooterStyle-ForeColor="Black" HeaderStyle-ForeColor="Black" ItemStyle-ForeColor="Black" AlternatingItemStyle-ForeColor="Black" ZIndex="10000">
                                                <PagerStyle Mode="NextPrevAndNumeric" />
                                                <MasterTableView AutoGenerateColumns="False"
                                                    DataKeyNames="ID" CommandItemDisplay="None">
                                                    <Columns>
                                                        <telerik:GridButtonColumn CommandName="Edit" Text="Editar" HeaderText="Editar" HeaderStyle-ForeColor="GrayText">
                                                        </telerik:GridButtonColumn>
                                                        <telerik:GridBoundColumn DataField="ID" HeaderText="ID" HeaderStyle-Width="5%" ItemStyle-Width="5%"
                                                            UniqueName="ID" Visible="true" MaxLength="5">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Fecha" HeaderText="Fecha" DataFormatString="{0:dd-MM-yyyy}" HeaderStyle-Width="13%" ItemStyle-Width="13%"
                                                            UniqueName="Fecha">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="DiasTranscurridos" HeaderText="Días Transcurridos" HeaderStyle-Width="5%" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"
                                                            UniqueName="DiasTranscurridos">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Nombre_Solicitante" HeaderText="Nombre Solicitante" HeaderStyle-Width="18%" ItemStyle-Width="15%"
                                                            UniqueName="Nombre_Solicitante">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Posicion" HeaderText="Posición" HeaderStyle-Width="15%" ItemStyle-Width="15%"
                                                            UniqueName="Posicion">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Cantidad" HeaderText="Cantidad" HeaderStyle-Width="5%" ItemStyle-Width="5%"
                                                            UniqueName="Cantidad">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Compania" HeaderText="Compania" HeaderStyle-Width="17%" ItemStyle-Width="17%"
                                                            UniqueName="Compania">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Facilidad" HeaderText="Facilidad" HeaderStyle-Width="15%" ItemStyle-Width="15%"
                                                            UniqueName="Facilidad">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Estatus" HeaderText="Estatus" HeaderStyle-Width="12%" ItemStyle-Width="12%"
                                                            UniqueName="Estatus">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridButtonColumn Text="Eliminar" CommandName="Delete" HeaderText="Eliminar" HeaderStyle-ForeColor="GrayText" />
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </div>

                                        <div style="border: none; border-top: 1px solid #CFD8DC; margin-top: 25px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px;"></div>


                                        <div>
                                            <div style="font-weight: bold">Otros controles</div>
                                        </div>
                                        <div>
                                            <div style="margin-bottom: 10px">
                                                <telerik:RadCheckBox runat="server" ID="checkbox1" Text="Todos los registros" TabIndex="1" RenderMode="Lightweight"></telerik:RadCheckBox>
                                            </div>

                                            <div style="margin-bottom: 10px;">
                                                <telerik:RadRadioButtonList runat="server" ID="rbtnEstatusEmpleado" RepeatDirection="Horizontal" RepeatColumns="5" TabIndex="1" Direction="Horizontal">
                                                    <Items>
                                                        <telerik:ButtonListItem Value="0" Text="Todos" Selected="True"></telerik:ButtonListItem>
                                                        <telerik:ButtonListItem Value="A" Text="Activo" Selected="False"></telerik:ButtonListItem>
                                                        <telerik:ButtonListItem Value="B" Text="Inactivo"></telerik:ButtonListItem>
                                                    </Items>
                                                </telerik:RadRadioButtonList>
                                            </div>
                                        </div>

                                        <div>
                                            <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_Items" runat="server" ItemType="item" Width="400px"
                                                Height="70px" AnimationDuration="400" CssClass="ItemsSlider" ThumbsInteractionMode="Free" Style="margin-top: 10px;">
                                                <Items>
                                                    <telerik:RadSliderItem Text="Jan" Value="1"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Feb" Value="2"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Mar" Value="3"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Apr" Value="4"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="May" Value="5"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Jun" Value="6"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Jul" Value="7"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Aug" Value="8"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Sep" Value="9"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Oct" Value="10"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Nov" Value="11"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Dec" Value="12"></telerik:RadSliderItem>
                                                </Items>
                                            </telerik:RadSlider>
                                            <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_NoItems" runat="server" Height="70px" Width="400px"
                                                AnimationDuration="400" ThumbsInteractionMode="Free" Value="50" Enabled="true">
                                            </telerik:RadSlider>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <asp:UpdateProgress ID="UPR2" runat="server" AssociatedUpdatePanelID="upPrincipal" DisplayAfter="500">
                    <ProgressTemplate>
                        <div class="cont-prog">
                            <div class="msg-prog">Procesando...</div>
                        </div>
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </ContentTemplate>
        </telerik:RadWindow>
    </form>
</body>
</html>

Hopefully I can successfully describe what I would like to accomplish.  For years I have fought with the RadGrid and it's scrollbars, so let's see if the experts can finally put my struggle to rest.  

I have a RagGrid that that has it's width set to 99% and contains quite a few resizable columns set to autofit.  Fixed sizes are not an option.  When I resize a column the grid grows causing the container around the grid to produce scrollbars.  I would like the grid to remain a consistent size and have the grid produce the scrollbar when needed.  Am I crazy to think that this should be achievable?