Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
276 views

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!

Rumen
Telerik team
 updated answer on 28 Jun 2023
1 answer
279 views

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>
Attila Antal
Telerik team
 answered on 27 Jun 2023
1 answer
159 views

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?


<ItemTemplate> <span class="k-state-default"> <p>#: data.Foo#</p> <a OnClick="detailsViewClick" runat="server" ID="Bar">View Details</a> <%-- Commented out because this does not even show up on the view <telerik:RadButton RenderMode="Lightweight" ID="Bar" runat="server" Text="ViewDetails" OnClick="detailsViewClick" > </telerik:RadButton>--%>

</span> </ItemTemplate>


Rumen
Telerik team
 answered on 26 Jun 2023
0 answers
284 views

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>
Joimer
Top achievements
Rank 1
 asked on 23 Jun 2023
1 answer
672 views

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?

Doncho
Telerik team
 answered on 21 Jun 2023
1 answer
482 views

Hello.

Just renewed license.

I have a project with version 2022.3.913.40, wich came from previous versions always regularly upgraded with the extension from Visual Studio 2019.

Now I dowmloaded the latest, version 2023.2.606.45, but when I try to upgrade with the Upgrade Wizard from the extensions, the wizard says "no available Telerik projects that can be upgraded" and I can't upgrade.

What can I do?

Matteo

Matteo
Top achievements
Rank 1
Iron
 answered on 20 Jun 2023
0 answers
145 views

I have a rad grid with toggle buttons if i select one i need the grid to be disabled and if i switch to another it needs to be enabled i am using onclientcheckedchanged event.

All other buttons are disabled apart from that, but not the whole grid, atleast i need the checkboxed in the grid to be disabled.

could you give me a solution.


rithik
Top achievements
Rank 1
 updated question on 20 Jun 2023
1 answer
499 views

Hello,

We have an application that is used by clients from different countries in multiple languages. The date and number formats have to be the same for all clients in a certain country, the language can be selected by the user.

This works well by specifying the Thread.CurrentThread.CurrentCulture for the date and number formats and the Thread.CurrentThread.CurrentUICulture for the culture of the user's language.

When formatting dates, the names of the days and months are taken from the CurrentCulture. To make sure these names match the UICulture, we copy the names from the UICulture to the Culture. This works fine in most situations (for example in the DateTime.Format() function).

The behaviour of the RadDatePicker and RadMonthYearPicker seems a bit off though. In the picker (popup) the day and month names are correctly taken from the culture as we set them. In the input field however, the original day and month names are used. This seems wrong to me. Are we doing something wrong, or is this a bug in how the date pickers use the culture settings?


            var uiCulture = CultureInfo.CreateSpecificCulture("nl-NL");

            var customCulture = CultureInfo.CreateSpecificCulture("en-US");
            customCulture.DateTimeFormat.AbbreviatedDayNames = uiCulture.DateTimeFormat.AbbreviatedDayNames;
            customCulture.DateTimeFormat.DayNames = uiCulture.DateTimeFormat.DayNames;
            customCulture.DateTimeFormat.AbbreviatedMonthGenitiveNames = uiCulture.DateTimeFormat.AbbreviatedMonthNames;
            customCulture.DateTimeFormat.AbbreviatedMonthNames = uiCulture.DateTimeFormat.AbbreviatedMonthNames;
            customCulture.DateTimeFormat.MonthNames = uiCulture.DateTimeFormat.MonthNames;
            customCulture.DateTimeFormat.MonthGenitiveNames = uiCulture.DateTimeFormat.MonthGenitiveNames;
            customCulture.DateTimeFormat.ShortestDayNames = uiCulture.DateTimeFormat.ShortestDayNames;


            Thread.CurrentThread.CurrentCulture = customCulture;
            Thread.CurrentThread.CurrentUICulture = uiCulture;

 


The day and month names of the picker are localized, the input field is not.

 

Thanks for any suggestions,
Cloud9Software.

MC
Top achievements
Rank 1
Iron
 updated answer on 19 Jun 2023
1 answer
836 views

Hi,

I have several PDFViewer in different pages of my application, contained in div that can be collapsed.

Depending of the pages the div can be collapsed or not at loading of the page.

For the ones that are not collapsed, the PDFViewer scale is set to "Fit to Width" and the scaling is ok.

However, for the ones that are in collapsed div, the "Fit to Width" setting is not processed.

Attached is a project with the described behavior.

 

Is there a way to manage the scaling properly on collapsed PDFViewer ?

Attila Antal
Telerik team
 answered on 15 Jun 2023
1 answer
219 views

I'm using RadListBox as as RadTreeview in my page.

I'm binding data to RadTreeview with:

            List<SiteDataItem> siteData = GetNotificationTree();

            treeView.DataTextField = "Text";
            treeView.DataFieldID = "ID";
            treeView.DataFieldParentID = "ParentID";
            treeView.DataSource = siteData;
            treeView.DataBind();

 

Serverside I want to read the Value of the checked items. In Listbox that works with:

ListBox.CheckedItems.Select(_ => int.Parse(_.Value))

But in Treeview I'm not able to access the values e.g. with:

Treeview..CheckedNodes.Select(_ =>int.Parse(_.Value)). I'm only able to read the text property but not the value bound to the TreeView.

 

Doncho
Telerik team
 answered on 13 Jun 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?