Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,790 questions
1 answer
203 views
How to prevent it from moving in the map ?

Hello,
I wanted to know if we can disable the ability to move in the map?

I just want to display the map with some tooltip, but i don't want the user can move Inside. I find we can disable "zoomable" and "pinable" but how to disable "move" ?

I really hope we can, or have some issue to do it .

 

Thank you in advance

Map
Vessy
Telerik team
 answered on 01 Jun 2016
1 answer
92 views
RadGrid with Dynamically added LinkButtons loosing buttons on filter.

Hello,

My customer has requested that we put link buttons into a specific field on a grid. The nature of the filed being that I need to have regular text followed by an unlimited number links means that I have to add my buttons dynamically. I have the text followed by links working proper upon the initial page load but something happens after the grid filter is applied. Once the grid filter is applied a post back occurs my method is still called to reformat the filed into it's final format however. Once the page loads the links are nowhere to be found and the grid cells display the text that is being converted into the buttons. Currently I am calling my logic to create the grid links on page load. I have to create the grid links in load because if I do it any later than that then my link buttons no longer function properly. Some help would be greatly appreciated. Thanks in advance below are some of my code snippets.

-Brandon

 

RadGrid Load Method

1.Private Sub RadGridResults_Load(sender As Object, e As EventArgs) Handles RadGridResults.Load
2.     For Each Item As GridItem In RadGridResults.MasterTableView.Items
3.          CreateGridLinks(Item)
4.     Next
5.End Sub

Create Grid Links Method (Simplified From Original)

01.Private Sub CreateGridLinks(item As GridItem)
02.    If TypeOf item Is Telerik.Web.UI.GridDataItem Then
03.        Dim dataItem As Telerik.Web.UI.GridDataItem = CType(item, Telerik.Web.UI.GridDataItem)
04.        For Each cell As TableCell In item.Cells
05.            Dim Issues() As String = cell.Text.Split(";"c)
06.            If Issues.Length > 1 AndAlso cell.Text <> " " Then
07.                Dim CellText As String = Issues(0) + " "
08.                Dim CellId As String = ""
09.                Dim IssueAppealType As String = ""
10.                Dim IssueAppealId As String = ""
11.                For i As Integer = 1 To _issues.Length - 1
12.                    If i = 1 Then
13.                        cell.Controls.Add(New LiteralControl(CellText))
14.                    End If
15.                    If _issues(i).Trim.Split(":"c).Length > 1 Then
16.                        Dim IssueAppealButton As New LinkButton()
17.                        CellId = _issues(i).Trim.Replace(":", "")
18. 
19.                        Dim IssueAppealArray = _issues(i).Trim.Split(":"c)
20.                        IssueAppealType = IssueAppealArray(0)
21.                        IssueAppealId = IssueAppealArray(1)
22.                        IssueAppealButton.Text = IssueAppealId
23.                        cntrlCount += 1
24.                        IssueAppealButton.ID = "LinkButton" + CellId + cntrlCount.ToString
25.                         
26.                        AddHandler IssueAppealButton.Click, Sub(send, evt) HandleIssueLinkClick(IssueAppealId, IssueAppealType)
27. 
28.                        cell.Controls.Add(IssueAppealButton)
29.                        cell.Controls.Add(New LiteralControl(" "))
30.                    End If
31.                Next
32. 
33.            End If
34.        Next
35.    End If
36.End Sub

Grid
Brandon
Top achievements
Rank 1
 answered on 01 Jun 2016
3 answers
167 views
[Solved] Scroll to top after rebinding

Hello Telerik,

I have a treeview with many nodes with checkboxes. When I check the very last node, this is saved in a database and I rebind the treeview. After that, the checked nodes appear at first at the top at the treeview, the unchecked nodes follow underneath. So far no problem. But after rebinding I want the treeview to scroll up to the top. The scrollbar however stays at the bottom and the selected node(s) stays out of sight. I managed to get arround that by, after rebinding the treeview, setting focus on the first node and use examples on your forum to scroll to the top of the treeview. But doing so, the first node is selected and I don't want that, it's an 'ugly' solution. Is there a way to do this in a more elegant way?

Thanks,

Geert

TreeView
Ivan Danchev
Telerik team
 answered on 01 Jun 2016
3 answers
540 views
Filtering using Entity Framework query in NeedDataSource

How do I use the grid filter expresssion in an entity framework query in the NeedDataSource method?

For example after selecting from the grid column filters the filter expression is:

(iif(Comment == null, "", Comment).ToString().ToUpper().Contains("test".ToUpper())) AND (iif(OrderNo == null, "", OrderNo).ToString().ToUpper().StartsWith("830".ToUpper()))

How do I use it in my EF query

var orders = db.Orders.Where(o=>o.Status == 2);

Thanks.

 

Grid
Maria Ilieva
Telerik team
 answered on 01 Jun 2016
1 answer
1.0K+ views
User control inside form edit template

Hi,

I have an issue when I use custom user control and I create a custom control of RadDatePicker. 
When I tried use inside of control RadGrid the code JavaScript that is set in user control is not loaded when I open the edit form of RadGrid.

When I review code HTML the Javascript code is not loaded (Attached image CodeHTML).

I don´t understand what is the problem in my code?

 

Code User Control.

<style>
    .rcInputCell
    {
        padding: 0 !important;
        width: 0 !important;
    }
  
    .HiddenTextBox
    {
        width: 1px !important;
        border: 0 !important;
        margin: 0 !important;
        background: none transparent !important;
        display: none;
    }
</style>
<telerik:RadScriptBlock  runat="server" ID="rsbCtrlFechas">
    <script type="text/javascript">
        function isValidDate(str) {
            var parts = str.split('/');
            if (parts.length < 3)
                return false;
            else {
                var day = parseInt(parts[0]);
                var month = parseInt(parts[1]);
                var year = parseInt(parts[2]);
                if (isNaN(day) || isNaN(month) || isNaN(year)) {
                    return false;
                }
                if (day < 1 || year < 1)
                    return false;
                if (month > 12 || month < 1)
                    return false;
                if ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day > 31)
                    return false;
                if ((month == 4 || month == 6 || month == 9 || month == 11) && day > 30)
                    return false;
                if (month == 2) {
                    if (((year % 4) == 0 && (year % 100) != 0) || ((year % 400) == 0 && (year % 100) == 0)) {
                        if (day > 29)
                            return false;
                    } else {
                        if (day > 28)
                            return false;
                    }
                }
                return true;
            }
        }
  
        function getPosition(element) {
            var xPosition = 0;
            var yPosition = 0;
            while (element) {
                xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
                yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
                element = element.offsetParent;
            }
            return { x: xPosition, y: yPosition };
        }
    </script>
</telerik:RadScriptBlock>

Code behind User Control

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;
using Telerik.Web.UI;
 
namespace EsaCloud_GPY.ControlesUsuario
{
    [ValidationProperty("FechaSeleccionada")]
    public partial class ctrlFecha : System.Web.UI.UserControl
    {
 
        /// <summary>
        /// Tipos de usos definidos para el control de usuario fecha
        /// </summary>
        public enum TipoDeUso
        {
            Normal,
            Periodo
        }
 
        #region Propiedades
 
        /// <summary>
        /// Permite asignar ó obtener el valor del control RadMaskedTextBox.
        /// </summary>
        /// <value>
        /// Valor de la fecha seleccionada.
        /// </value>
        [Description("Permite asignar ó obtener el valor del control RadMaskedTextBox"), Category("Personalizado")]
        public DateTime? FechaSeleccionada
        {
            get { return rdpFechaInicial.SelectedDate; }
            set { rdpFechaInicial.SelectedDate = Convert.ToDateTime(value); }
        }
 
        private string _nombreCtrlMascara = "rmtbFechaInicial";
        /// <summary>
        /// Asigna un nombre al campo ID del control RadMaskedTextBox.
        /// </summary>
        /// <value>
        /// Nombre del control RadMaskedTextBox.
        /// </value>
        [Description("Asigna un nombre al campo ID del control RadMaskedTextBox"), Category("Personalizado")]
        [DefaultValue("rmtbFechaInicial")]
        public string NombreCtrlMascara { get { return _nombreCtrlMascara; } set { _nombreCtrlMascara = value; } }
 
        private string _nombreCtrlPicker = "rdpFechaInicial";
        /// <summary>
        /// Asigna un nombre al campo ID del control RadDatePicker.
        /// </summary>
        /// <value>
        /// Nombre del control RadDatePicker.
        /// </value>
        [Description("Asigna un nombre al campo ID del control RadDatePicker"), Category("Personalizado")]
        [DefaultValue("rdpFechaInicial")]
        public string NombreCtrlPicker { get { return _nombreCtrlPicker; } set { _nombreCtrlPicker = value; } }
 
        private TipoDeUso _tipoDeUso = TipoDeUso.Normal;
        /// <summary>
        /// Permite definir el tipo de uso que tendra el control.
        /// </summary>
        /// <value>
        /// Tipo de uso.
        /// </value>
        [Description("Permite definir el tipo de uso que tendra el control"), Category("Personalizado")]
        [DefaultValue(TipoDeUso.Normal)]
        public TipoDeUso TipoUso { get { return _tipoDeUso; } set { _tipoDeUso = value; } }
 
        private string _mascaraUsar = "##/##/####";
        /// <summary>
        /// Permite definir la mascara a usar para el control RadMaskedTextBox.
        /// </summary>
        /// <value>
        /// Mascara usar.
        /// </value>
        [Description("Permite definir la mascara a usar para el control RadMaskedTextBox"), Category("Personalizado")]
        [DefaultValue("##/##/####")]
        public string MascaraUsar { get { return _mascaraUsar; } set { _mascaraUsar = value; } }
 
        private bool _usarValidacionJS = false;
        /// <summary>
        /// Permite definir si se usar la valición JavaScript.
        /// </summary>
        /// <value>
        ///   Si el valor es True. Se usar la validación JavaScript.
        /// </value>
        [Description("Permite definir si se usar la valición JavaScript"), Category("Personalizado")]
        [DefaultValue(false)]
        public bool UsarValidacionJS { get { return _usarValidacionJS; } set { _usarValidacionJS = value; } }
         
        /// <summary>
        /// Permite manipular las propiedades globales del control de tipo MaskedTextBox
        /// </summary>
        /// <value>
        /// The ctrol masked text box.
        /// </value>
        public RadMaskedTextBox CtrolMaskedTextBox { get { return rmtbFechaInicial; } set { rmtbFechaInicial = value; } }
         
        /// <summary>
        /// Permite manipular las propiedades globales del control de tipo DatePicker.
        /// </summary>
        /// <value>
        /// The ctrol date picker.
        /// </value>
        public RadDatePicker CtrolDatePicker { get { return rdpFechaInicial; } set { rdpFechaInicial = value; } }
        #endregion
 
        protected void Page_Load(object sender, EventArgs e)
        {
            //if (!IsPostBack)
            //{
            rmtbFechaInicial.ID = NombreCtrlMascara;
            rmtbFechaInicial.Mask = MascaraUsar;
            rmtbFechaInicial.ClientEvents.OnBlur = "UpdateCalendar_" + NombreCtrlPicker;
 
            rdpFechaInicial.DateInput.DateFormat = TipoUso == TipoDeUso.Normal ? "dd/MM/yyyy" : "MM/yyyy";
            rdpFechaInicial.ID = NombreCtrlPicker;
            rdpFechaInicial.DatePopupButton.Attributes["OnClick"] = "Popup_" + NombreCtrlPicker + "(); return false;";
            rdpFechaInicial.ClientEvents.OnDateSelected = "UpdateTextBox_" + NombreCtrlPicker;
            if (FechaSeleccionada != null)
                rmtbFechaInicial.TextWithLiterals = Convert.ToDateTime(FechaSeleccionada).ToString(rdpFechaInicial.DateInput.DateFormat);
 
            //rdpFechaInicial.SelectedDate = FechaSeleccionada;
            rdpFechaInicial.Calendar.FastNavigationSettings.TodayButtonCaption = "Hoy";
            rdpFechaInicial.Calendar.FastNavigationSettings.OkButtonCaption = "Aceptar";
            rdpFechaInicial.Calendar.FastNavigationSettings.CancelButtonCaption = "Cancelar";
            rdpFechaInicial.DatePopupButton.ToolTip = "Abrir calendario";
 
            StringBuilder sbJS = new StringBuilder();
            sbJS.AppendLine("");
            sbJS.AppendLine("function UpdateTextBox_" + rdpFechaInicial.ID + "(sender, args) { ");
            sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
            //sbJS.AppendLine("   maskedInput.set_value(\"\");");
            sbJS.AppendLine("   var fecha = args.get_newDate();");
            sbJS.AppendLine("   var datePicker = $find('" + rdpFechaInicial.ClientID + "');");
            sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(args.get_newDate());");
            sbJS.AppendLine("   var dateInput = datePicker.get_dateInput();");
            sbJS.AppendLine("   var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());");
            sbJS.AppendLine("   if (formattedDate ==\"\") { return; }");
            sbJS.AppendLine("   maskedInput.set_value(formattedDate);");
            sbJS.AppendLine("}");
            sbJS.AppendLine("");
            sbJS.AppendLine("function UpdateCalendar_" + rdpFechaInicial.ID + "() {");
            sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
            sbJS.AppendLine("   var datePicker = $find(\'" + rdpFechaInicial.ClientID + "');");
            sbJS.AppendLine("   //Determinando si viene vacio");
            sbJS.AppendLine("   if (maskedInput.get_value()==\"\") { datePicker.set_selectedDate(null); return; }");
            sbJS.AppendLine("   //Determinando si es una fecha válida");
            if (TipoUso == TipoDeUso.Periodo)
            {
                sbJS.AppendLine("   var dateValid = isValidDate(\"01/\" + maskedInput.get_valueWithLiterals());");
            }
            else if (TipoUso == TipoDeUso.Normal)
            {
                sbJS.AppendLine("   var dateValid = isValidDate(maskedInput.get_valueWithLiterals());");
            }
            sbJS.AppendLine("   if (!dateValid) {");
            if (UsarValidacionJS)
            {
                sbJS.AppendLine("       var oAlert = radalert(\"Debe de ingresar una fecha válida.\", 256, 47, \"Campo requerido\", null, \"../imagenes/error1.jpg\");");
                sbJS.AppendLine("       oAlert.show();");
            }
            //sbJS.AppendLine("       maskedInput.set_value(\"\");");
            sbJS.AppendLine("       datePicker.set_selectedDate(null);");
            sbJS.AppendLine("       return;");
            sbJS.AppendLine("   }");
            if (TipoUso == TipoDeUso.Periodo)
            {
                sbJS.AppendLine("   var fecha = \"01\" + maskedInput.get_value()");
                sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(fecha);");
            }
            else if (TipoUso == TipoDeUso.Normal)
            {
                sbJS.AppendLine("   var date = datePicker.get_dateInput().parseDate(maskedInput.get_value());");
            }
            sbJS.AppendLine("   var dateInput = datePicker.get_dateInput();");
            sbJS.AppendLine("   if (date == null) {");
            sbJS.AppendLine("       date = datePicker.get_selectedDate();");
            sbJS.AppendLine("   }");
            sbJS.AppendLine("   var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat()); ");
            sbJS.AppendLine("   datePicker.set_selectedDate(date);");
            sbJS.AppendLine("   if (!isNaN(date) && date > datePicker.get_minDate() && date < datePicker.get_maxDate()) {");
            sbJS.AppendLine("       datePicker.set_selectedDate(date);");
            sbJS.AppendLine("   }");
            sbJS.AppendLine("   else {");
            sbJS.AppendLine("       var oldSelectedDate = datePicker.get_selectedDate();");
            sbJS.AppendLine("       if (oldSelectedDate == null) return;");
            sbJS.AppendLine("       if (oldSelectedDate.toString() == datePicker.get_minDate().toString()) {");
            sbJS.AppendLine("           maskedInput.set_value(\"\");");
            sbJS.AppendLine("       }");
            sbJS.AppendLine("       else {");
            sbJS.AppendLine("           maskedInput.set_value(DateToString(oldSelectedDate));");
            sbJS.AppendLine("          }");
            sbJS.AppendLine("   }");
            sbJS.AppendLine("}");
            sbJS.AppendLine("");
            sbJS.AppendLine("function Popup_" + rdpFechaInicial.ID + "() {");
            sbJS.AppendLine("   var datePicker = $find('" + rdpFechaInicial.ClientID + "');");
            sbJS.AppendLine("   var maskedInput = $find('" + rmtbFechaInicial.ClientID + "');");
            sbJS.AppendLine("   var textBox = datePicker.get_textBox();");
            //sbJS.AppendLine("   var position = getPosition(maskedInput._textBoxElement);");
            sbJS.AppendLine("   var popupElement = datePicker.get_popupContainer();");
            sbJS.AppendLine("   var position = Telerik.Web.CommonScripts.getLocation(maskedInput._textBoxElement);");
            sbJS.AppendLine("   var dimensions = Telerik.Web.UI.Calendar.Utils.GetElementDimensions(popupElement); ");
            sbJS.AppendLine("   datePicker.showPopup(position.x, position.y + maskedInput._textBoxElement.offsetHeight);");
            //sbJS.AppendLine("   datePicker.showPopup(position.x, position.y - (dimensions.height + 10)); ");
            sbJS.AppendLine("}");
 
            ScriptManager.RegisterStartupScript(Page, typeof(Page), rdpFechaInicial.ID.ToString(), sbJS.ToString(), true);
            //}
        }
    }
}

Code page .aspx

<%@ Register Src="~/ControlesUsuario/ctrlFecha.ascx" TagPrefix="uc1" TagName="ctrlFecha" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 
    <telerik:radajaxmanager ID="ramPCR" runat="server">
        <ClientEvents OnRequestStart="onRequestStart" />
        <ajaxsettings>
            <telerik:AjaxSetting AjaxControlID="cmbProyectos">
                <updatedcontrols>
                    <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                </updatedcontrols>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="rgPCR">
                <updatedcontrols>
                    <telerik:AjaxUpdatedControl ControlID="cmbProyectos" />
                    <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                </updatedcontrols>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="lbProcesoCrearCaso">
                <updatedcontrols>
                    <telerik:AjaxUpdatedControl ControlID="rgPCR" LoadingPanelID="ralpPCR" />
                </updatedcontrols>
            </telerik:AjaxSetting>
        </ajaxsettings>
    </telerik:radajaxmanager>
    <telerik:radajaxloadingpanel ID="ralpPCR" runat="server"></telerik:radajaxloadingpanel>
    <telerik:radwindowmanager ID="rwmPCR" runat="server"></telerik:radwindowmanager>
    <telerik:radwindowmanager id="rwm" runat="server" enableshadow="True" />
        <telerik:radcodeblock ID="rcbPCR" runat="server">  
            <script type="text/javascript">
                function confirmCallbackFn(arg) {
                    if (arg)
                    {
                        __doPostBack("<%=lbProcesoCrearCaso.UniqueID %>", "");
                    }
                }
 
                function RowSelecting(sender, eventArgs) {
                    var grid = sender;
                    var MasterTable = grid.get_masterTableView();
                    var gridItemElement = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()].findElement("cbChecked");
                     
                    if (gridItemElement.checked == false) {
                        gridItemElement.checked = true;
                    }
                    else {
                        gridItemElement.checked = false;
                    }
                }
            </script>
        </telerik:radcodeblock>
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">
                <b>
                    <asp:Label runat="server" ID="lblTitulo" Text="Casos periódicos"></asp:Label>
                </b>
            </h3>
        </div>
        <div class="container">
            <div runat="server" id="divComboProyectos" class="panel panel-info">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <telerik:radcombobox id="cmbProyectos" autopostback="true"
                                height="150px" width="350px" label="Seleccione un Proyecto"
                                runat="server"
                                onselectedindexchanged="cmbProyectos_SelectedIndexChanged">                  
                            </telerik:radcombobox>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-body no-padding">
            <asp:LinkButton ID="lbProcesoCrearCaso"
                Style="display: none;"
                runat="server"
                OnClick="lblbProcesoCrearCaso_Click">
            </asp:LinkButton>
            <telerik:radgrid ID="rgPCR" runat="server"
                AutoGenerateColumns="False"
                OnDeleteCommand="rgPCR_DeleteCommand"
                OnInsertCommand="rgPCR_InsertCommand"
                OnNeedDataSource="rgPCR_NeedDataSource"
                OnSelectedIndexChanged="rgPCR_SelectedIndexChanged"
                OnUpdateCommand="rgPCR_UpdateCommand" OnItemDataBound="rgPCR_ItemDataBound"
                ClientSettings-Selecting-AllowRowSelect="true" Culture="es-ES" GroupPanelPosition="Top" OnItemCommand="rgPCR_ItemCommand">
                <mastertableview datakeynames="IdCasoRec, TipoCaso, IdEmpresa">
                    <CommandItemTemplate>
                        <div class="col-xs-6">
                            <asp:LinkButton ID="lbAgregar"
                                runat="server"
                                CommandName="InitInsert"
                                Visible='<%# !rgPCR.MasterTableView.IsItemInserted %>'>
                                <img style="border:0px;vertical-align:middle;" src="../imagenes/AddRecord.png"/> Agregar
                            </asp:LinkButton>  
                            <asp:LinkButton ID="lbRefrescar" runat="server" OnClick="lbRefrescar_Click">
                                <img style="border:2px;vertical-align:middle;" src="../imagenes/Refresh.png"/> Refrescar
                            </asp:LinkButton>  
                            <asp:LinkButton ID="lbCrearCaso" runat="server"
                                OnClick="lbCrearCaso_Click" ClientIDMode="Static">
                                <img style="border:2px;vertical-align:middle;" src="../imagenes/CrearCaso.jpg"/> Crear Caso
                            </asp:LinkButton>  
                        </div>                    
                    </CommandItemTemplate>
                    <Columns>
                        <telerik:GridTemplateColumn UniqueName="chkSeleccionar" Exportable="False">
                            <HeaderStyle HorizontalAlign="Center" />
                            <ItemStyle HorizontalAlign="Center" />
                            <ItemTemplate>
                              <asp:CheckBox ID="cbChecked" runat="server"
                                  AutoPostBack="True" OnCheckedChanged="CheckChanged">
                              </asp:CheckBox>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridEditCommandColumn
                            UniqueName="EditCommandColumn"
                            ButtonType="ImageButton"
                            EditText="Editar"
                            EditImageUrl="../imagenes/Edit.png"
                            InsertImageUrl="../imagenes/Edit.png"
                            Exportable="False">
                            <HeaderStyle Width="30px" />
                        </telerik:GridEditCommandColumn>
                        <telerik:GridBoundColumn DataField="IdCasoRec" UniqueName="IdCasoRec" HeaderText="Código">
                            <HeaderStyle Width="60px" HorizontalAlign="Right"/>
                                        <ItemStyle HorizontalAlign="Right" />
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="NomTipoCaso" UniqueName="NomTipoCaso" HeaderText="Tipo de Caso">
                        </telerik:GridBoundColumn>         
                        <telerik:GridBoundColumn DataField="NomIdProyecto" UniqueName="NomIdProyecto" HeaderText="Proyecto">
                        </telerik:GridBoundColumn>             
                        <telerik:GridBoundColumn DataField="NomIdPrioridad" UniqueName="NomIdPrioridad" HeaderText="Prioridad">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Titulo" UniqueName="Titulo" HeaderText="Título">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Descripcion" UniqueName="Descripcion" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="NomSolicitante" UniqueName="NomSolicitante" HeaderText="Solicitante">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="FechaInicial" UniqueName="FechaInicial" HeaderText="Fecha Inicial" DataFormatString="{0:dd/MM/yyyy}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="FechaFinal" UniqueName="FechaFinal" HeaderText="Fecha Vencimiento" DataFormatString="{0:dd/MM/yyyy}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="NomEstado" UniqueName="NomEstado" HeaderText="Estado">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="IdEmpresa" UniqueName="IdEmpresa" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="IdProyecto" UniqueName="IdProyecto" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="IdPrioridad" UniqueName="IdPrioridad" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SubProyecto" UniqueName="SubProyecto" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Linea" UniqueName="Linea" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="IdFrecuencia" UniqueName="IdFrecuencia" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="RowVersion" UniqueName="RowVersion" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Estado" UniqueName="Estado" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TipoCaso" UniqueName="TipoCaso" Display="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn ConfirmText="Desea eliminar este registro?" ConfirmDialogType="RadWindow"
                            ConfirmTitle="Eliminar" ButtonType="ImageButton"
                            CommandName="Delete" ImageUrl="../imagenes/Delete.png"
                            UniqueName="DeleteColumn" Text="Eliminar"
                            Exportable="False">
                            <HeaderStyle Width="30px" />
                        </telerik:GridButtonColumn>
                    </Columns>
                    <EditFormSettings editformtype="Template">
                        <FormTemplate>
                            <table class="table table-condensed" style="font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;">
                                <tr>
                                    <td style="width: 150px">Tipo de Caso</td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbTipoCaso" Runat="server" Width="350px" Enabled='<%# rgPCR.MasterTableView.IsItemInserted %>'>
                                        </telerik:RadComboBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rcbTipoCaso" runat="server"
                                            ControlToValidate="rcbTipoCaso" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Prioridad</td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbIdPrioridad" Runat="server" Width="350px">
                                        </telerik:RadComboBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rcbIdPrioridad" runat="server"
                                            ControlToValidate="rcbIdPrioridad" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Título</td>
                                    <td>
                                        <telerik:RadTextBox ID="rtbTitulo" Runat="server" Width="350px" MaxLength="200" Text='<%# Bind("Titulo") %>'>
                                        </telerik:RadTextBox>
                                        <asp:RegularExpressionValidator runat="server" ID="revTitulo"
                                            ValidationGroup="Textbox" ForeColor="Red"
                                            ControlToValidate="rtbTitulo" Display="Dynamic"
                                            ValidationExpression="<%$ Resources: RegularExpression, SoloCaracteresYAcentos %>"
                                            ErrorMessage="Sólo se aceptan caracteres!" />
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rtbTitulo" runat="server"
                                            ControlToValidate="rtbTitulo" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Descripción</td>
                                    <td>
                                        <telerik:RadTextBox ID="rtbDescripcion" Runat="server" Width="350px" MaxLength="400" Text='<%# Bind("Descripcion") %>' TextMode="MultiLine" Rows="3">
                                        </telerik:RadTextBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rtbDescripcion" runat="server"
                                            ControlToValidate="rtbDescripcion" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator runat="server" ID="rex_rtbDescripcion"
                                            ValidationGroup="Textbox" ForeColor="Red"
                                            ControlToValidate="rtbDescripcion" Display="Dynamic"
                                            ValidationExpression="<%$ Resources: RegularExpression, SoloCaracteresAcentosYNumeros %>"
                                            ErrorMessage=" Sólo se aceptan caracteres y números!" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Fecha Inicial</td>
                                    <td>
                                        <uc1:ctrlFecha runat="server" ID="ctrlFechaInicial" NombreCtrlPicker="rdpFINI" NombreCtrlMascara="rmtbFINI" />
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        <asp:Label ID="lbFechaVencimiento"
                                            runat="server"
                                            Text="Feha de Vencimiento"
                                            CssClass="opcionales">
                                        </asp:Label>
                                    </td>
                                    <td>
                                        <telerik:RadDatePicker ID="rdpFechaFinal" Runat="server"
                                            dateformat="dd/MM/yyyy" displaydateformat="dd/MM/yyyy" EnableTyping="false">
                                        </telerik:RadDatePicker>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Estado</td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbEstado" Runat="server" Width="350px">
                                        </telerik:RadComboBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rcbEstado" runat="server"
                                            ControlToValidate="rcbEstado" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">Frecuencia
                                        <%--<asp:Label ID="lbIdFrecuencia" runat="server" Text="Frecuencia" CssClass="opcionales"></asp:Label>--%>
                                    </td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbIdFrecuencia" Runat="server" Width="350px"></telerik:RadComboBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rcbIdFrecuencia" runat="server"
                                            ControlToValidate="rcbIdFrecuencia" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        <asp:Label runat="server" ID="lbEmpresas" Text="Proyectos" >
                                        </asp:Label>
                                    </td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbProyecto" Runat="server" MaxHeight="330"
                                            Width="350px" CheckBoxes="true"
                                            EnableCheckAllItemsCheckBox="true">
                                        </telerik:RadComboBox>
                                        <asp:RequiredFieldValidator
                                            ID="rfv_rcbProyecto" runat="server"
                                            ControlToValidate="rcbProyecto" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <!--Campos Opcionales-->
                                <tr >
                                    <td style="width: 150px">
                                        <asp:Label ID="lbSubProyecto" runat="server" Text="Sub Proyecto" CssClass="opcionales"></asp:Label>
                                    </td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbSubProyecto" Runat="server" Width="350px"></telerik:RadComboBox>
                                        <%--<asp:RequiredFieldValidator
                                            ID="rfv_rcbSubProyecto" runat="server"
                                            ControlToValidate="rcbSubProyecto" ForeColor="Red"
                                            ErrorMessage="Campo Obligatorio">
                                        </asp:RequiredFieldValidator>--%>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">
                                        <asp:Label ID="lbLinea" runat="server" Text="Línea" CssClass="opcionales"></asp:Label>
                                    </td>
                                    <td>
                                        <telerik:RadComboBox ID="rcbLinea" Runat="server" Width="350px"></telerik:RadComboBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <telerik:RadButton ID="rbGuardar"
                                            runat="server"
                                            CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'
                                            Text='<%# (Container is GridEditFormInsertItem) ? "Agregar" : "Guardar" %>'  >
                                                <Icon PrimaryIconUrl="../imagenes/save_16x16.png" />
                                        </telerik:RadButton>   
                                        <telerik:RadButton ID="rbCancelar"
                                            runat="server"
                                            CausesValidation="False"
                                            CommandName="Cancel"
                                            Text="Cancelar" OnClick="CancelarAccion_Click">
                                            <Icon PrimaryIconUrl="../imagenes/cancel.png" />
                                        </telerik:RadButton>
                                               
                                        <asp:Label ID="Label1"
                                            CssClass="opcionales"
                                            runat="server" Text="* Opcionales">
                                        </asp:Label>
                                        <%--CausesValidation="true" validationgroup="Textbox"--%>
                                    </td>
                                </tr>
                            </table>
                        </FormTemplate>
                    </EditFormSettings>
                </mastertableview>
            </telerik:radgrid>
        </div>    
    </div>   
</asp:Content>

 

Regards,

 

Grid
Konstantin Dikov
Telerik team
 answered on 01 Jun 2016
1 answer
61 views
Keep tack of multi select dates client-side
I have a milti-selectable RadCalendar that automatically selects a date range, but not certain dates that are in an array. I want to make it if the user selects one of the excluded dates on the calendar it will remove that date from the auto-exclude list. I would prefer everything happen client-side. My biggest problem right now is I can't trigger a javascript on the user clicking a date. I tried using a couple event listeners, but it's not firing.
Calendar
Maria Ilieva
Telerik team
 answered on 01 Jun 2016
1 answer
233 views
Can I use Image Gallery with a .NET repeater?

I have a page that uses an asp:Repeater control to display images and would like to turn it into a Telerik Image Gallery. I can't find any documentation online about how to do that and I am getting errors saying: Type 'System.Web.UI.WebControls.Repeater' does not have a public property named 'RadImageGallery'.

Can someone please point me in the direction I need to get this plugin built? 

ImageGallery
Viktor Tachev
Telerik team
 answered on 01 Jun 2016
2 answers
82 views
When selecting from a ListBox it also highlights text on the page
We have a listbox with SelectionMode="Multiple" turned on, however when you select multiple items it also selects other parts of the screen and manages to select other parts of the screen, it selects from the listbox too but everything selected goes blue as expected but lots of screen does too,

I hope you can help.

<telerik:RadListBox ID="radOrderID" runat="server" Width="900px" Height="200px" EmptyMessage="Select an Order"
                            Skin="Outlook" SelectionMode="Multiple" AutoPostBack="true">
                            <ItemTemplate>
                                <table cellspacing="0" cellpadding="0" class="multicomboBoxOrder">
                                    <tr>
                                        <td class="col1">
                                            <%#DataBinder.Eval(Container.DataItem, "OrderNo")%>
                                        </td>
                                        <td class="col2">
                                            <%#DataBinder.Eval(Container.DataItem, "Description")%>
                                        </td>
                                        <td class="col3">
                                            <%#DataBinder.Eval(Container.DataItem, "CustomerHeaderRef")%>
                                        </td>
                                        <td class="col4">
                                            <%#DataBinder.Eval(Container.DataItem, "Department")%>
                                        </td>
                                        <td class="col5">
                                            <%#Format(DataBinder.Eval(Container.DataItem, "OutstandingValueToInvoice"), "0.00")%>
                                        </td>
                                        <td class="col6">
                                            <%#Format(DataBinder.Eval(Container.DataItem, "OutstandingValueToInvoiceShipped"), "0.00")%>
                                        </td>
                                        <td class="col7">
                                            <%#DataBinder.Eval(Container.DataItem, "CurrencySell")%>
                                        </td>
                                        <td class="col8">
                                            <%#DataBinder.Eval(Container.DataItem, "OrderSource")%>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </telerik:RadListBox>
ListBox
william
Top achievements
Rank 1
 answered on 01 Jun 2016
0 answers
101 views
Accordion jquery not support to RadTreeView ??

I want to use Accordion jquery for collapsing and expending nodes (when click on one parent node then other parent node should be Collapse).i am struggling for the same.

any suggestion ??

Thanks in advance.

 

TreeView
JYOTI SHANKAR
Top achievements
Rank 1
 asked on 01 Jun 2016
1 answer
140 views
Grid on Dynamic User Control not firing GridEditCommandColumn

This was working just fine until I decided to move the accordion onto the main page instead of having it on the user control.

The GridEditCommandColumn is not firing any events, even the NeedDataSource event.

The grid appears in a ModalPopUp, which worked fine until I moved the accordion to the main page.

I forced the PopUp to stay visible to check the grid and it is not re-binding, and not hitting any events when the GridEditCommandColumn is clicked.

Here is the main aspx page:

<%@ Register src="../../Common/Controls/SiteAdmin/ServiceType/ucServiceTypes.ascx" tagname="ucServiceTypes" tagprefix="uc1" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <ajax:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
                ContentCssClass="accordionContent" SelectedIndex="-1" FadeTransitions="true"
                SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40"
                RequireOpenedPane="false" AutoSize="None" Width="100%">
            </ajax:Accordion>
        </ContentTemplate>       
    </asp:UpdatePanel>
</asp:Content>

 

The the code behind for the main aspx page:

protected void Page_Load(object sender, System.EventArgs e)
{         
    LoadUserControls();
}
 
private void LoadUserControls()
{  
    string path = "~/Common/Controls/SiteAdmin/ServiceType/ucServiceTypes.ascx";
    Common_Controls_SiteAdmin_ServiceType_ucServiceTypes uc;
    DataTable dt = GetServiceTypes();
    for (int i = 0; i < dt.Rows.Count; i++)
    {
        uc = LoadControl(path) as Common_Controls_SiteAdmin_ServiceType_ucServiceTypes;
        uc.ID = "uc" + dt.Rows[i]["Name"].ToString();
        uc.ServiceTypeID.Value = dt.Rows[i]["ServiceTypeID"].ToString();
        Literal lit = new Literal();
        AccordionPane pane = new AccordionPane();
        pane.ID = "pane" + i.ToString();
        lit = new Literal();
        lit.Text = dt.Rows[i]["Name"].ToString();
        pane.HeaderContainer.Controls.Add(lit);
        pane.ContentContainer.Controls.Add(uc);
        Accordion1.Panes.Add(pane);
    }
}

 

Now for the user control:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucServiceTypes.ascx.cs" Inherits="Common_Controls_SiteAdmin_ServiceType_ucServiceTypes" %>
<asp:HiddenField ID="hdnServiceTypeID" runat="server" />
<asp:HiddenField ID="hdnServiceDefID" runat="server" />
 
<asp:Panel ID="pnlView" runat="server" Style="display: none;" CssClass="modalPopUpPanel">
    <div style="height: 500px; overflow: auto;">
        <asp:HiddenField ID="hdnViewPopUp" runat="server" />
        <h3 style="text-align: center;" id="header">
            <asp:Label ID="lblServiceDefName" runat="server"></asp:Label></h3>    
        <table style="width: 100%">
            <tr>
                <td style="text-align: left">
    <telerik:RadGrid ID="rgServiceOptionDefs" runat="server" AutoGenerateColumns="False"
        ResolvedRenderMode="Classic" AllowAutomaticUpdates="false" AllowAutomaticInserts="false"
        OnItemCommand="rgServiceOptionDefs_ItemCommand" OnItemCreated="rgServiceOptionDefs_ItemCreated"
        OnNeedDataSource="rgServiceOptionDefs_NeedDataSource" OnItemDataBound="rgServiceOptionDefs_ItemDataBound"
        OnEditCommand="rgServiceOptionDefs_EditCommand" OnPreRender="rgServiceOptionDefs_PreRender"
        OnUpdateCommand="rgServiceOptionDefs_UpdateCommand">
        <MasterTableView DataKeyNames="ServiceOptionDefID" EditMode="InPlace" CommandItemDisplay="Top">
            <Columns>
                <telerik:GridEditCommandColumn />
                <telerik:GridTemplateColumn HeaderText="Name" UniqueName="Name">
                    <ItemTemplate>
                        <asp:Label ID="lblName" runat="server" Text='<%#DataBinder.Eval(Container, "DataItem.Name")%>'></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtName" runat="server" Text='<%#DataBinder.Eval(Container, "DataItem.Name")%>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" />
                </telerik:GridTemplateColumn>
                <telerik:GridTemplateColumn HeaderText="Type" UniqueName="Type">
                    <ItemTemplate>
                        <asp:Label ID="lblType" runat="server" Text='<%#DataBinder.Eval(Container, "DataItem.InputType")%>'></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <telerik:RadListBox ID="ddlType" runat="server"></telerik:RadListBox>
                    </EditItemTemplate>
                    <ItemStyle VerticalAlign="Top" HorizontalAlign="Center" />
                </telerik:GridTemplateColumn>
               
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
                </td>
            </tr>
        </table>
        <p style="text-align: center;">
            <asp:Button ID="btnCloseView" CssClass="Button" runat="server" Text="Close" CausesValidation="false" />
        </p>
    </div>
</asp:Panel>
<ajax:ModalPopupExtender ID="mpeView" runat="server" TargetControlID="hdnViewPopUp" PopupControlID="pnlView"
    CancelControlID="btnCloseView" BackgroundCssClass="backgroundColor" DropShadow="true"
    PopupDragHandleControlID="header">
</ajax:ModalPopupExtender>

    

 

And 

protected void rgServiceOptionDefs_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
    if (!string.IsNullOrEmpty(hdnServiceDefID.Value))
    {
        int ServiceDefID = int.Parse(hdnServiceDefID.Value);
        DataTable dt = GetServiceOptionDefs(ServiceDefID);
 
        rgServiceOptionDefs.DataSource = dt;
        mpeView.Show();
    }
}
 
protected void rgServiceOptionDefs_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridEditableItem && e.Item.IsInEditMode)
    {
        GridEditableItem editedItem = e.Item as GridEditableItem;
        mpeView.Show();
    }
    else if (e.Item is GridDataItem)
    {
        GridDataItem dataItem = e.Item as GridDataItem;
        mpeView.Show();
    }
}
 
protected void rgServiceOptionDefs_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem && !e.Item.IsInEditMode)
    {
        
    }
    else if ((e.Item is GridDataItem || e.Item is GridEditableItem) && e.Item.IsInEditMode)
    {         
 
        //mpeView.Show();
    }
 
    if (e.Item is GridEditFormInsertItem || e.Item is GridDataInsertItem)
    {
        // insert item
    }
}
 
protected void rgServiceOptionDefs_ItemCommand(object sender, GridCommandEventArgs e)
{
    mpeView.Show();
 
}
 
protected void rgServiceOptionDefs_UpdateCommand(object sender, GridCommandEventArgs e)
{
    GridEditableItem item = e.Item as GridEditableItem;
    mpeView.Show();
}
 
protected void rgServiceOptionDefs_EditCommand(object sender, GridCommandEventArgs e)
{
    mpeView.Show();
}
 
protected void rgServiceOptionDefs_PreRender(object sender, EventArgs e)
{
    //if (!string.IsNullOrEmpty(hdnServiceDefID.Value))
    //    mpeView.Show();
}

 

If anyone needs more information, I will provide it.

But I am at an end here trying to find out why this is happening.

And as can be seen, I've tried a few events.

Thanks.

Grid
Viktor Tachev
Telerik team
 answered on 01 Jun 2016
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
CheckBox
TagCloud
AjaxPanel
Barcode
NumericTextBox
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
888 889
890
891 892
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how