Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,785 questions
2 answers
551 views
specify z-index
How do i properly specify a z-index for the AutoComplete Textbox?  I've put an AutoComplete Textbox in a modal popup Extender, and the problem i'm having is that the drop down appears behind the window and isn't visible.   I've tried specifying a z-index on the control itself.

RadAutoCompleteBox1.Style["z-index"] = "100000";

and i've also tried specifying a z-index on the item template markup

<DropDownItemTemplate>                
    <table cellpadding="0" cellspacing="0" width="450px" style="z-index:100000">
...
   </table>
</DropDownItemTemplate>

and neither of these seem to have any effect.

Please advise.
-Mark
AutoCompleteBox
Mark Kucera
Top achievements
Rank 1
 answered on 12 Feb 2013
13 answers
564 views
Will using RadWindowManager.Open function instead of RadOpen cause any issues?
Hi,

I have been using RadOpen function to open the first dialog and if any further dialogs from within the newly opened dialog are required, i have been using parentwindowmanager.open function.

I just noticed that i dont really need to call RadOpen function to open the first dialog, the first dialog and all the dialogs can just be opened using the

radwindowmanager.open function.

I have now decided to use the .open function throughout, I would like to know if this is an suitable way of doing things and does it have any issues associated with this. Should one be using RadOpen always to open the first dialog?

I am doing this because, although i could open the first dialog with radopen and consume the add_close function. Everytime i tried to do this with open function, it threw up a stack overflow probelm.
So now i have found this work around to the above problem and would like to make my code more consistent and only use just one function.

http://www.telerik.com/community/forums/aspnet-ajax/window/onclientclose-clientcallbackfunction-not-firing-after-window-close-arg-is-called.aspx




Window
RBarnes
Top achievements
Rank 1
 answered on 12 Feb 2013
1 answer
269 views
RadGrid GridDropDownColumn value disappears
Having trouble with RadGrid, My GridDropDownColumn data is loaded dynamically on itemdatabound but when you change the selected item or update the grid which causes an error then all the values disappear. Have tried several ways to stop this happening but nothing appears to be working

<asp:Content ID="Content2" ContentPlaceHolderID="ContentMain" Runat="Server">
    <div class="twocol">
        <div class="colfull">
            <div class="panel">
                <asp:Panel ID="RefinePanel" runat="server">
                    <span>Global:</span>
                    <asp:DropDownList runat="server" ID="GlobalDropDown" OnSelectedIndexChanged="Global_Change" OnPreRender="Global_Load" AutoPostBack="true">
                        <asp:ListItem Value="1">Global</asp:ListItem>
                        <asp:ListItem Value="0">Non-Global</asp:ListItem>
                        <asp:ListItem Value="2">All</asp:ListItem>
                    </asp:DropDownList>
                    <span>ReadOnly:</span>
                    <asp:DropDownList runat="server" ID="ReadOnlyDropDown" OnSelectedIndexChanged="ReadOnly_Change" OnPreRender="ReadOnly_Load" AutoPostBack="true">
                        <asp:ListItem Value="0">Editable</asp:ListItem>
                        <asp:ListItem Value="1">Read Only</asp:ListItem>
                        <asp:ListItem Value="2">All</asp:ListItem>
                    </asp:DropDownList>
                </asp:Panel>
            </div>
        </div>
    </div>
    <div class="twocol">
        <div class="cole">
            <div class="panel">
                <asp:ValidationSummary runat="server" ID="AttributeValidationSummary" DisplayMode="BulletList" HeaderText="Error(s)" ValidationGroup="Attribute" CssClass="validationSummary" />
                <telerik:RadGrid ID="AttributeGrid" runat="server" Width="100%"
                    AllowPaging="true"
                    PageSize="20"
                    AllowMultiRowEdit="false"
                    AllowMultiRowSelection="false"
                    AutoGenerateColumns="False"
                    EnableLinqExpressions="false"
                    GridLines="None"
 
                    OnItemCreated="AttributeGrid_ItemCreated"
                    OnSelectedIndexChanged="AttributeGrid_SelectedIndexChanged"
                    OnItemDataBound="AttributeGrid_ItemDataBound"
                    OnNeedDataSource="AttributeGrid_NeedDataSource"
                    OnDeleteCommand="AttributeGrid_DeleteCommand"
                    OnInsertCommand="AttributeGrid_InsertCommand"
                    OnUpdateCommand="AttributeGrid_UpdateCommand"
                    >
                    <PagerStyle Mode="NextPrevAndNumeric" />
                    <MasterTableView AutoGenerateColumns="false" DataKeyNames="ProductAttributeDefKey" InsertItemDisplay="Bottom" CommandItemDisplay="Bottom" EditMode="InPlace">
                        <Columns>
                            <telerik:GridBoundColumn DataField="ProductAttributeDefKey" HeaderText="Definition Key" SortExpression="ProductAttributeDefKey" UniqueName="ProductAttributeDefKey">
                                <ItemStyle CssClass="textColumn" />
                                <HeaderStyle CssClass="textColumn" />
                            </telerik:GridBoundColumn>
 
                            <telerik:GridBoundColumn DataField="ProductAttributeDefKey" HeaderText="ProductAttributeDefKeyOri" SortExpression="ProductAttributeDefKeyOri" UniqueName="ProductAttributeDefKeyOri" ReadOnly="true" ForceExtractValue="Always" Visible="false">
                            </telerik:GridBoundColumn>
                             
                            <telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name" UniqueName="Name">
                                <ItemStyle CssClass="textColumn" />
                                <HeaderStyle CssClass="textColumn" />
                            </telerik:GridBoundColumn>
 
                            <telerik:GridDropDownColumn HeaderText="Data Type" DataField="AttributeDataType" UniqueName="AttributeDataType" DropDownControlType="DropDownList">
                                <ItemStyle CssClass="dropColumn" />
                                <HeaderStyle CssClass="dropColumn" />
                            </telerik:GridDropDownColumn>
 
                            <telerik:GridBoundColumn DataField="ImageIcon" HeaderText="Icon" SortExpression="ImageIcon" UniqueName="ImageIcon">
                                <ItemStyle CssClass="textColumn" />
                                <HeaderStyle CssClass="textColumn" />
                            </telerik:GridBoundColumn>
 
                            <telerik:GridCheckBoxColumn DataField="IsGlobal" HeaderText="Global" SortExpression="IsGlobal" UniqueName="IsGlobal">
                                <ItemStyle CssClass="checkColumn" />
                                <HeaderStyle CssClass="checkColumn" />
                            </telerik:GridCheckBoxColumn>
 
                            <telerik:GridCheckBoxColumn DataField="IsReadOnly" HeaderText="Read Only" SortExpression="IsReadOnly" UniqueName="IsReadOnly" ReadOnly="true" ForceExtractValue="Always">
                                <ItemStyle CssClass="checkColumn" />
                                <HeaderStyle CssClass="checkColumn" />
                            </telerik:GridCheckBoxColumn>
 
                            <telerik:GridCheckBoxColumn DataField="IsStyle" HeaderText="Style" SortExpression="IsStyle" UniqueName="IsStyle">
                                <ItemStyle CssClass="checkColumn" />
                                <HeaderStyle CssClass="checkColumn" />
                            </telerik:GridCheckBoxColumn>
 
                            <telerik:GridCheckBoxColumn DataField="PluOnly" HeaderText="PLU Only" SortExpression="PluOnly" UniqueName="PluOnly">
                                <ItemStyle CssClass="checkColumn" />
                                <HeaderStyle CssClass="checkColumn" />
                            </telerik:GridCheckBoxColumn>
 
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                <ItemStyle CssClass="editColumn" />
                                <HeaderStyle CssClass="editColumn" />
                            </telerik:GridEditCommandColumn>
                        </Columns>
                        <EditFormSettings>
                            <EditColumn ButtonType="ImageButton" />
                        </EditFormSettings>
                    </MasterTableView>
                    <ValidationSettings CommandsToValidate="PerformInsert,Update" ValidationGroup="Attribute" EnableModelValidation="true" />
                    <ClientSettings EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                    <PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="5" HorizontalAlign="Center" Width="100%" ShowPagerText="true" />
                </telerik:RadGrid>
                <telerik:GridCheckBoxColumnEditor ID="GridCheckBoxColumnEditor1" runat="server" CheckBoxStyle-BorderWidth="1" />
            </div>
        </div>
        <div class="colf">
            <asp:Panel runat="server" ID="LookupPanel" CssClass="panel" Visible="false">
                <h2 runat="server" id="LookupTitle">Users</h2>
                <p>Click a lookup attribute view/edit look up values</p>
                <asp:ValidationSummary runat="server" ID="LookupValidationSummary" DisplayMode="BulletList" HeaderText="Error(s)" ValidationGroup="LookupValidation" CssClass="validationSummary" />
                <asp:TextBox runat="server" ID="DefKey" TextMode="SingleLine" Visible="false"></asp:TextBox>
                <telerik:RadGrid ID="LookupGrid" runat="server" Width="100%"
                    AllowPaging="false"
                    AllowMultiRowEdit="false"
                    AllowMultiRowSelection="false"
                    AutoGenerateColumns="false"
                    EnableLinqExpressions="false"
                    GridLines="None"
                    PageSize="50"
                    OnItemCreated="LookupGrid_ItemCreated"
                    OnItemDataBound="LookupGrid_ItemDataBound"
                    OnItemCommand="LookupGrid_ItemCommand"
                    OnNeedDataSource="LookupGrid_NeedDataSource"
                    OnDeleteCommand="LookupGrid_DeleteCommand"
                    OnInsertCommand="LookupGrid_InsertCommand"
                    OnUpdateCommand="LookupGrid_UpdateCommand"
                    >
                    <PagerStyle Mode="NextPrevAndNumeric" />
                    <MasterTableView Width="100%" InsertItemDisplay="Bottom" DataKeyNames="ProductAttributeLookupId,ProductAttributeDefKey" CommandItemDisplay="Bottom" EditMode="InPlace" AutoGenerateColumns="false">
                        <Columns>
                            <telerik:GridBoundColumn DataField="ProductAttributeLookupId" HeaderText="ProductAttributeLookupId" SortExpression="ProductAttributeLookupId" UniqueName="ProductAttributeLookupId" Visible="false">
                            </telerik:GridBoundColumn>
 
                            <telerik:GridBoundColumn DataField="ProductAttributeDefKey" HeaderText="ProductAttributeDefKey" SortExpression="ProductAttributeDefKey" UniqueName="ProductAttributeDefKey" Visible="false">
                            </telerik:GridBoundColumn>
 
                            <telerik:GridBoundColumn DataField="VarcharValue" HeaderText="Value" SortExpression="VarcharValue" UniqueName="VarcharValue">
                            </telerik:GridBoundColumn>
 
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                <ItemStyle CssClass="editColumn" />
                                <HeaderStyle CssClass="editColumn" />
                            </telerik:GridEditCommandColumn>
 
                            <telerik:GridButtonColumn ConfirmText="Delete Value?" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                                <HeaderStyle Width="20px" />
                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                            </telerik:GridButtonColumn>
                        </Columns>
                        <NoRecordsTemplate>
                            <p class="center">No Values Found</p>
                        </NoRecordsTemplate>
                        <EditFormSettings CaptionFormatString="Edit Value" InsertCaption="Add Value">
                            <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                            <EditColumn ButtonType="ImageButton" InsertText="Add Value" UpdateText="Edit Value" UniqueName="EditCommandColumn" CancelText="Cancel Edit"></EditColumn>
                            <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
                        </EditFormSettings>
                        <CommandItemSettings AddNewRecordText="Add Value" />
                    </MasterTableView>
                    <ValidationSettings CommandsToValidate="PerformInsert,Update" ValidationGroup="LookupValidation" />
                </telerik:RadGrid>
            </asp:Panel>
        </div>
    </div>
 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="AttributeGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="AttributeGrid" />
                    <telerik:AjaxUpdatedControl ControlID="LookupPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="LookupGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="LookupGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
</asp:Content>

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Collections.Generic;
using Telerik.Web.UI;
using System.Text.RegularExpressions;
using JD.Common.Pim.DAL;
using JD.Common.Pim.DAL.DatabaseSpecific;
using JD.Common.Pim.DAL.EntityClasses;
using JD.Common.Pim.DAL.HelperClasses;
using JD.Common.Pim.DAL.FactoryClasses;
using SD.LLBLGen.Pro.ORMSupportClasses;
using System.Collections.Specialized;
 
namespace JD.FeedManager.Pim.Website.Admin
{
    public partial class AttributeEditor : System.Web.UI.Page
    {
        static ConfigHandler commonConfig = ConfigUtils.GetConfig();
        DataAccessAdapter sqlAdapter = commonConfig.PimConfig.DBAdapter();
        Boolean writePermissions = false;
 
        Boolean? showGlobal = null; //default show all
        Boolean? showReadOnly = false; //default show editable
         
        protected void Page_Load(object source, EventArgs e)
        {
            Options_Load();
 
            writePermissions = PIMSession.Current.Write;
            Permissions_Load();
 
            if (!IsPostBack)
            {
                 
            }
        }
 
        protected void Page_LoadComplete(object source, EventArgs e)
        {
 
        }
 
        protected void Options_Load()
        {
            Int32 showGlobalTemp;
            if (Int32.TryParse(Request["glo"], out showGlobalTemp))
            {
                if (showGlobalTemp == 0)
                {
                    showGlobal = false;
                }
                else if (showGlobalTemp == 1)
                {
                    showGlobal = true;
                }
                else if (showGlobalTemp == 2)
                {
                    showGlobal = null;
                }
            }
 
            Int32 showReadOnlyTemp;
            if (Int32.TryParse(Request["rdo"], out showReadOnlyTemp))
            {
                if (showReadOnlyTemp == 0)
                {
                    showReadOnly = false;
                }
                else if (showReadOnlyTemp == 1)
                {
                    showReadOnly = true;
                }
                else if (showReadOnlyTemp == 2)
                {
                    showReadOnly = null;
                }
            }
        }
 
        protected void Permissions_Load()
        {
            if (!writePermissions)
            {
                AttributeGrid.Columns.FindByUniqueName("EditCommandColumn").Visible = false;
                //AttributeGrid.Columns.FindByUniqueName("DeleteColumn").Visible = false;
                AttributeGrid.MasterTableView.CommandItemDisplay = Telerik.Web.UI.GridCommandItemDisplay.None;
            }
        }
 
        protected void ReadOnly_Load(object source, EventArgs e)
        {
            if (showReadOnly == false)
            {
                ReadOnlyDropDown.SelectedValue = "0";
            }
            else if (showReadOnly == true)
            {
                ReadOnlyDropDown.SelectedValue = "1";
            }
            else if (showReadOnly == null)
            {
                ReadOnlyDropDown.SelectedValue = "2";
            }
        }
 
        protected void ReadOnly_Change(object source, EventArgs e)
        {
            DropDownList dropdown = (DropDownList)source;
            Int32 show = Convert.ToInt32(dropdown.SelectedValue);
 
            NameValueCollection parameters = new NameValueCollection(Request.QueryString);
            parameters.Remove("rdo");
            parameters.Set("rdo", Convert.ToString(show));
 
            Response.Redirect(Request.Url.AbsolutePath + "?" + General.ConstructQueryString(parameters));
        }
 
        protected void Global_Load(object source, EventArgs e)
        {
            if (showGlobal == false)
            {
                GlobalDropDown.SelectedValue = "0";
            }
            else if (showGlobal == true)
            {
                GlobalDropDown.SelectedValue = "1";
            }
            else if (showGlobal == null)
            {
                GlobalDropDown.SelectedValue = "2";
            }
        }
 
        protected void Global_Change(object source, EventArgs e)
        {
            DropDownList dropdown = (DropDownList)source;
            Int32 show = Convert.ToInt32(dropdown.SelectedValue);
 
            NameValueCollection parameters = new NameValueCollection(Request.QueryString);
            parameters.Remove("glo");
            parameters.Set("glo", Convert.ToString(show));
 
            Response.Redirect(Request.Url.AbsolutePath + "?" + General.ConstructQueryString(parameters));
        }
 
        protected void AttributeGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
        {
            RadGrid grid = source as RadGrid;
            grid.DataSource = RetrievalProcedures.ProcProductAttributeDefSelect(showGlobal, showReadOnly, sqlAdapter);
        }
 
        protected void AttributeGrid_DeleteCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridDataItem item = (GridDataItem)e.Item;
 
            try
            {
                String productAttributeDefKey = Convert.ToString(item.OwnerTableView.DataKeyValues[item.ItemIndex]["ProductAttributeDefKey"]);
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeDefDelete(productAttributeDefKey, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                AttributeGrid.Controls.Add(new LiteralControl("Unable to delete attribute. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void AttributeGrid_UpdateCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridEditableItem editedItem = e.Item as GridEditableItem;
 
            try
            {
                String productAttributeDefKey = (editedItem["ProductAttributeDefKey"].Controls[0] as TextBox).Text;
                String productAttributeDefKeyOri = (editedItem["ProductAttributeDefKeyOri"].Controls[0] as TextBox).Text;
                String name = (editedItem["Name"].Controls[0] as TextBox).Text;
                Int32 attributeDataType = Convert.ToInt32((editedItem["AttributeDataType"].Controls[0] as DropDownList).SelectedValue);
                String imageIcon = (editedItem["ImageIcon"].Controls[0] as TextBox).Text;
                Boolean global = (editedItem["IsGlobal"].Controls[0] as CheckBox).Checked;
                Boolean readOnly = (editedItem["IsReadOnly"].Controls[0] as CheckBox).Checked;
                Boolean style = (editedItem["IsStyle"].Controls[0] as CheckBox).Checked;
                Boolean pluOnly = (editedItem["PluOnly"].Controls[0] as CheckBox).Checked;
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeDefUpdate(productAttributeDefKey, productAttributeDefKeyOri, name, attributeDataType, imageIcon, global, readOnly, style, pluOnly, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                AttributeGrid.Controls.Add(new LiteralControl("Unable to update attribute. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void AttributeGrid_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridDataInsertItem insertedItem = (GridDataInsertItem)e.Item;
 
            try
            {
                String productAttributeDefKey = (insertedItem["ProductAttributeDefKey"].Controls[0] as TextBox).Text;
                String name = (insertedItem["Name"].Controls[0] as TextBox).Text;
                Int32 attributeDataType = Convert.ToInt32((insertedItem["AttributeDataType"].Controls[0] as DropDownList).SelectedValue);
                String imageIcon = (insertedItem["ImageIcon"].Controls[0] as TextBox).Text;
                Boolean global = (insertedItem["IsGlobal"].Controls[0] as CheckBox).Checked;
                Boolean readOnly = (insertedItem["IsReadOnly"].Controls[0] as CheckBox).Checked;
                Boolean style = (insertedItem["IsStyle"].Controls[0] as CheckBox).Checked;
                Boolean pluOnly = (insertedItem["PluOnly"].Controls[0] as CheckBox).Checked;
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeDefInsert(productAttributeDefKey, name, attributeDataType, imageIcon, global, readOnly, style, pluOnly, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                AttributeGrid.Controls.Add(new LiteralControl("Unable to insert attribute. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void AttributeGrid_SelectedIndexChanged(object source, EventArgs e)
        {
            var dataItem = AttributeGrid.SelectedItems[0] as GridDataItem;
            LookupPanel.Visible = false;
            LookupTitle.InnerText = "Lookup Values";
 
            if (dataItem != null)
            {
                //get name and id
                var id = dataItem["ProductAttributeDefKey"].Text;
                var name = dataItem["Name"].Text;
                var datatype = dataItem["AttributeDataType"].Text;
 
                if (datatype == "Lookup List")
                {
                    if (!String.IsNullOrWhiteSpace(name))
                    {
                        LookupTitle.InnerText = "Lookup Values (" + name + ")";
                    }
 
                    LookupPanel.Visible = true;
                    DefKey.Text = Convert.ToString(id);
                }
                else
                {
                    DefKey.Text = Convert.ToString(id);
                }
                LookupGrid.Rebind();
 
                //data type display fix
                Int32 selectedIndex = Convert.ToInt32(AttributeGrid.SelectedIndexes[0]);
                AttributeGrid.Rebind();
                AttributeGrid.MasterTableView.Items[selectedIndex].Selected = true;
            }
        }
 
        protected void AttributeGrid_ItemCreated(object source, Telerik.Web.UI.GridItemEventArgs e)
        {
            if (e.Item is GridEditableItem && e.Item.IsInEditMode)
            {
                GridEditableItem item = e.Item as GridEditableItem;
 
                GridTextBoxColumnEditor editor1 = (GridTextBoxColumnEditor)item.EditManager.GetColumnEditor("Name");
                editor1.TextBoxControl.ID = "ID1_for_validation";
                GridTextBoxColumnEditor editor2 = (GridTextBoxColumnEditor)item.EditManager.GetColumnEditor("ProductAttributeDefKey");
                editor2.TextBoxControl.ID = "ID2_for_validation";
                GridDropDownColumnEditor editor3 = (GridDropDownColumnEditor)item.EditManager.GetColumnEditor("AttributeDataType");
 
                //String currDefKey = (String)item.GetDataKeyValue("ProductAttributeDefKey");
 
                //Name Validation
                TableCell cell1 = (TableCell)editor1.TextBoxControl.Parent;
 
                RequiredFieldValidator validator1 = new RequiredFieldValidator();
                validator1.ControlToValidate = editor1.TextBoxControl.ID;
                validator1.ErrorMessage = "Name Required";
                validator1.Text = "*";
                validator1.ValidationGroup = "Attribute";
                cell1.Controls.Add(validator1);
                RadAjaxManager1.AjaxSettings.AddAjaxSetting(validator1, AttributeGrid);
 
                //Definition Key Validation
                TableCell cell2 = (TableCell)editor2.TextBoxControl.Parent;
 
                RequiredFieldValidator validator2 = new RequiredFieldValidator();
                validator2.ControlToValidate = editor2.TextBoxControl.ID;
                validator2.ErrorMessage = "Definition Key Required";
                validator2.Text = "*";
                validator2.ValidationGroup = "Attribute";
                cell2.Controls.Add(validator2);
                RadAjaxManager1.AjaxSettings.AddAjaxSetting(validator2, AttributeGrid);
 
                //Data Type Validation
                DropDownList dropDownList1 = item["AttributeDataType"].Controls[0] as DropDownList;
                TableCell cell3 = (TableCell)editor3.ContainerControl;
 
                RequiredFieldValidator validator3 = new RequiredFieldValidator();
                validator3.ControlToValidate = dropDownList1.ID;
                validator3.ErrorMessage = "Data Type Required";
                validator3.Text = "*";
                validator3.ValidationGroup = "Attribute";
                cell3.Controls.Add(validator3);
                RadAjaxManager1.AjaxSettings.AddAjaxSetting(validator3, AttributeGrid);
            }
        }
 
        protected void AttributeGrid_ItemDataBound(object source, GridItemEventArgs e)
        {
            if (e.Item.IsInEditMode && e.Item is GridEditableItem)
            {
                GridEditableItem editItem = e.Item as GridEditableItem;
                GridEditManager editMgr = editItem.EditManager;
                GridDropDownListColumnEditor typeEditor = editMgr.GetColumnEditor("AttributeDataType") as GridDropDownListColumnEditor;
 
                typeEditor.DataSource = AttributeDataTypes.GetTypes();
                typeEditor.DataTextField = "Name";
                typeEditor.DataValueField = "Id";
                typeEditor.DataBind();
 
                DropDownList ddList = typeEditor.DropDownListControl;
                ddList.Items.Insert(0, new ListItem("Select a data type...", ""));
 
                string s = DataBinder.Eval(editItem.DataItem, "AttributeDataType").ToString();
                typeEditor.SelectedValue = s;
 
                if (e.Item is GridDataInsertItem)
                {
                    ImageButton InsertButton = (ImageButton)editItem.FindControl("PerformInsertButton");
                    InsertButton.ValidationGroup = "Attribute";
                    InsertButton.CausesValidation = true;
                     
                }
                else
                {
                    //disable drop down in edit mode
                    typeEditor.DropDownListControl.Enabled = false;
                     
                    ImageButton updateButton = (ImageButton)editItem.FindControl("UpdateButton");
                    updateButton.ValidationGroup = "Attribute";
                    updateButton.CausesValidation = true;
                }
            }
 
            if ((e.Item is GridDataItem) && !e.Item.IsInEditMode)
            {
                //disable and hide edit/delete buttons if read only attribute
                Boolean readOnly = (Boolean)DataBinder.Eval(e.Item.DataItem, "IsReadOnly");
                if (readOnly) { readOnly = false; } else { readOnly = true; }
 
                GridDataItem item = (GridDataItem)e.Item;
                ((ImageButton)item["EditCommandColumn"].Controls[0]).Enabled = readOnly;
                ((ImageButton)item["EditCommandColumn"].Controls[0]).Visible = readOnly;
 
                foreach (DataRow row in AttributeDataTypes.GetTypes().Rows)
                {
                    if((Int32)row["Id"] == (Int32)DataBinder.Eval(e.Item.DataItem, "AttributeDataType"))
                    {
                        item["AttributeDataType"].Text = (String)row["Name"];
                    }
                }
            }
 
        }
 
        protected void LookupGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
        {
            RadGrid grid = source as RadGrid;
            String defKey = null;
            if (!String.IsNullOrWhiteSpace(DefKey.Text))
            {
                defKey = DefKey.Text;
            }
            if (!String.IsNullOrWhiteSpace(defKey))
            {
                grid.DataSource = RetrievalProcedures.ProcProductAttributeLookupSelect(defKey, sqlAdapter);
            }
        }
 
        protected void LookupGrid_DeleteCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridDataItem item = (GridDataItem)e.Item;
 
            try
            {
                Int32 productAttributeLookupId = Convert.ToInt32(item.OwnerTableView.DataKeyValues[item.ItemIndex]["ProductAttributeLookupId"]);
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeLookupDelete(productAttributeLookupId, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                LookupGrid.Controls.Add(new LiteralControl("Unable to delete value. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void LookupGrid_UpdateCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridEditableItem editedItem = e.Item as GridEditableItem;
 
            try
            {
                Int32 productAttributeLookupId = Convert.ToInt32(editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["ProductAttributeLookupId"]);
                String varcharValue = (editedItem["VarcharValue"].Controls[0] as TextBox).Text;
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeLookupUpdate(varcharValue, productAttributeLookupId, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                LookupGrid.Controls.Add(new LiteralControl("Unable to update value. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void LookupGrid_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            GridDataInsertItem insertedItem = (GridDataInsertItem)e.Item;
 
            try
            {
                String productAttributeDefKey = Convert.ToString((insertedItem["ProductAttributeDefKey"].Controls[0] as TextBox).Text);
                String varcharValue = Convert.ToString((insertedItem["VarcharValue"].Controls[0] as TextBox).Text);
                if (writePermissions)
                {
                    ActionProcedures.ProcProductAttributeLookupInsert(productAttributeDefKey, varcharValue, sqlAdapter);
                }
            }
            catch (Exception ex)
            {
                LookupGrid.Controls.Add(new LiteralControl("Unable to insert value. Reason: " + ex.Message));
                e.Canceled = true;
            }
        }
 
        protected void LookupGrid_ItemDataBound(object source, GridItemEventArgs e)
        {
            if (e.Item.IsInEditMode && e.Item is GridEditableItem)
            {
                if (e.Item is GridDataInsertItem)
                {
                    GridEditableItem editItem = (GridEditableItem)e.Item;
                    ImageButton InsertButton = (ImageButton)editItem.FindControl("PerformInsertButton");
                    InsertButton.ValidationGroup = "LookupValidation";
                    InsertButton.CausesValidation = true;
                }
                else
                {
                    GridEditableItem editItem = (GridEditableItem)e.Item;
                    ImageButton updateButton = (ImageButton)editItem.FindControl("UpdateButton");
                    updateButton.ValidationGroup = "LookupValidation";
                    updateButton.CausesValidation = true;
                }
            }
        }
 
        protected void LookupGrid_ItemCreated(object source, Telerik.Web.UI.GridItemEventArgs e)
        {
            if (e.Item is GridEditableItem && e.Item.IsInEditMode)
            {
                GridEditableItem item = e.Item as GridEditableItem;
 
                //Name Validation
                GridTextBoxColumnEditor editor1 = (GridTextBoxColumnEditor)item.EditManager.GetColumnEditor("VarcharValue");
                TableCell cell1 = (TableCell)editor1.TextBoxControl.Parent;
 
                RequiredFieldValidator validator1 = new RequiredFieldValidator();
                editor1.TextBoxControl.ID = "ID1_for_validation";
                validator1.ControlToValidate = editor1.TextBoxControl.ID;
                validator1.ErrorMessage = "Value Required";
                validator1.Text = "*";
                validator1.ValidationGroup = "LookupValidation";
                cell1.Controls.Add(validator1);
                RadAjaxManager1.AjaxSettings.AddAjaxSetting(validator1, LookupGrid);
            }
        }
 
        protected void LookupGrid_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
        {
            if (e.CommandName == RadGrid.InitInsertCommandName)
            {
                // cancel the default operation
                e.Canceled = true;
                //GridDataItem item = (GridDataItem)e.Item;
 
                //Prepare an IDictionary with values
                System.Collections.Specialized.ListDictionary newValues = new System.Collections.Specialized.ListDictionary();
                newValues["ProductAttributeDefKey"] = DefKey.Text;
 
                //Insert the item and rebind
                e.Item.OwnerTableView.InsertItem(newValues);
            }
        }
    }
}


Grid
Marin
Telerik team
 answered on 12 Feb 2013
18 answers
877 views
Rad Tab Click Event not firing the first time
Hi,

I am using the the RadTabStrip and RadPageViews in my application. The Tabs and Page views are added Dynamically at Runtime and more controls are added to the PageView at runtime as well.

Each pageView is added to the Tab at runtime.

My problem is the TabClick event does not fire the first time I run the Web app, but starts firing after 1 post back. I am totaly clueless as to why this is happening.

At the same time, if I do a TabControlName.Tabs.Clear() and ControlName.PageViews.Controls.Clear() in the runtime, it happens again for the first postback and then its working fine.

Any leads to track this problem will help.

AutoPostBacks are true for the Controls and Even in the code behind to make sure it does the postback.

Thanks
A.K
TabStrip
Nicolaï
Top achievements
Rank 2
 answered on 12 Feb 2013
1 answer
59 views
hide todays link from schedular
Hi

How can I hide todays link from schedular

thanks in advance
Allen
General Discussions
Shinu
Top achievements
Rank 2
 answered on 12 Feb 2013
1 answer
117 views
remove selection in rows
Hi
How can I remove selection in rows on external button click??
Im selecting rows using clientselect column
thanks for any help

Savyo
Grid
Princy
Top achievements
Rank 2
 answered on 12 Feb 2013
11 answers
257 views
Hierarchy grid exporting issues
Hi,

Im using Q2 2012 and having two exporting issues with my ajaxified hierarchical RadGrids:

1-Exporting to Word exports Master and Details tables (all grid rows) whatever if rows are collapsed or expanded. Weird thing, exporting to Excel and PDF are not doing this (they export only Master and expended Details rows, as wanted).

2-Particular rows in my Details table contain a RadTooltip (RadTooltipManager) when mouse hovering on row text. Its working fine but once I trigger a tooltip to appear, the exporting (for Excel, PDF) only export the Master table, ignoring the expending/collapsing. The Word exporting still exports everything (issue #1).

After some research, Ive noted that using <MasterTableView HierarchyLoadMode="ServerBind"...> seems to solve the two issues mentioned but im using "Client" for a reason (especially, row collapsing/expanding on Master row click (rows that contains child only)).

Here is the code:

Markup:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="mngRequestStarted" >
                    <AjaxSettings>
                         
                         <telerik:AjaxSetting AjaxControlID="RadGrid3">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid3" LoadingPanelID="RadAjaxLoadingPanel1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                       
                      </AjaxSettings>
                    </telerik:RadAjaxManager>
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue" />
 
                   <telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="600" HideDelay="1" ID="RadToolTipManager1" Width="480px" Height="227px"
                   RelativeTo="Element" Animation="Slide" Position="MiddleRight" OnAjaxUpdate="RadToolTipManager_OnAjaxUpdate" Skin="WebBlue">
                   </telerik:RadToolTipManager>
 
<telerik:RadGrid ID="RadGrid3" runat="server" PageSize="20" AllowPaging="false" Width="100%"
                                AllowSorting="True" AllowFilteringByColumn="false" AllowMultiRowSelection="false"
                                ShowGroupPanel="false" GridLines="None" ShowFooter="false" ShowHeader="true" GroupingEnabled="false"
                                Skin="WebBlue" EnableHeaderContextAggregatesMenu="false" EnableHeaderContextMenu ="false"
                                AutoGenerateColumns="false" EnableViewState="True"
                                OnItemCommand="RadGrid3_OnItemCommand" OnDetailTableDataBind="RadGrid3_DetailTableDataBind" OnNeedDataSource="RadGrid3_NeedDataSource"
                                OnItemDataBound="RadGrid3_OnItemDataBound" OnGroupsChanging="RadGrid3_OnGroupsChanging" OnColumnsReorder="RadGrid3_OnColumnsReorder">
                             
                                <MasterTableView HierarchyLoadMode="Client" Name="Master"
                                 CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false"
                                 CommandItemSettings-ShowExportToExcelButton="true" CommandItemSettings-ShowExportToWordButton="true"
                                 CommandItemSettings-ShowExportToPdfButton="true" CommandItemSettings-ShowExportToCsvButton="true" AllowMultiColumnSorting="true"
                                 Caption="">
                                  
 
                                     <Columns>
                                            <telerik:GridTemplateColumn HeaderText="Col1" UniqueName="str1Value" HeaderStyle-Width="50%" Resizable="true" Reorderable="true" SortExpression="str1Value">
                                                <ItemTemplate>
                                                  <%# Eval("str1Value")%>
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
 
                                            <telerik:GridTemplateColumn HeaderText="Col2" UniqueName="str2Value" HeaderStyle-Width="50%" Resizable="true" Reorderable="true" SortExpression="str2Value">
                                                <ItemTemplate>
                                                  <%# Eval("str2Value")%>
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                        
                                      </Columns> 
 
                                            <DetailTables>
                                                <telerik:GridTableView ShowHeader="false" Name="Detail">
                                                    <Columns>
                                                        <telerik:GridTemplateColumn HeaderText="" UniqueName="strField" HeaderStyle-Width="25%" ItemStyle-CssClass="GridFieldColumn" Resizable="true" Reorderable="true">
                                                            <ItemTemplate>
                                                              <%# Eval("strField")%>
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridTemplateColumn HeaderText="" UniqueName="strValue" HeaderStyle-Width="75%" Resizable="true" Reorderable="true">
                                                            <ItemTemplate>
                                                              <%# Eval("strValue")%>
                                                              <asp:HyperLink ID="hl" Target="_blank" runat="server" Text='<%# Eval("strLinkResource")%>' NavigateUrl='<%# Eval("strLinkValue")%>'></asp:HyperLink>
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                    </Columns>  
                                                </telerik:GridTableView>
                                            </DetailTables>
 
                                </MasterTableView>
 
                                <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
 
                                        <ClientSettings EnablePostBackOnRowClick="False" AllowRowsDragDrop="false" AllowDragToGroup="false" AllowColumnsReorder="false" ReorderColumnsOnClient="false" ColumnsReorderMethod="Reorder">
                                            <Resizing AllowRowResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="false" AllowColumnResize="true" AllowResizeToFit="true"/>
                                            <Animation AllowColumnReorderAnimation="false" AllowColumnRevertAnimation="true" />
                                            <Selecting AllowRowSelect="true"  />
                                            <ClientEvents OnRowClick="OnRowClick"></ClientEvents>
                                        </ClientSettings>
 
                                        <SortingSettings SortedBackColor="Azure" EnableSkinSortStyles="false" />
 
                               <GroupingSettings ShowUnGroupButton="true" />
 
                            </telerik:RadGrid>

Javascript:
function mngRequestStarted(ajaxManager, eventArgs) {
 
    if (eventArgs.get_eventTarget().indexOf("ExportToExcelButton") != -1)  {
        eventArgs.set_enableAjax(false);
    }
 
    if (eventArgs.get_eventTarget().indexOf("ExportToWordButton") != -1) {
        eventArgs.set_enableAjax(false);
    }
 
    if (eventArgs.get_eventTarget().indexOf("ExportToPdfButton") != -1) {
        eventArgs.set_enableAjax(false);
    }
 
    if (eventArgs.get_eventTarget().indexOf("ExportToCsvButton") != -1) {
        eventArgs.set_enableAjax(false);
    }
}
 
function OnRowClick(sender, args) {
 
 
    var tableView = args.get_tableView();
 
    if (tableView.get_name() == "Master") {
 
        //getting child row count...this doesnt work when HierarchyLoadMode != "Client"
        var detailTable = args.get_gridDataItem().get_nestedViews()[0];
 
        if (detailTable.get_dataItems().length > 0) {
         
            tableView.clearSelectedItems();
            args.get_item().set_expanded(!args.get_item().get_expanded());
             
        }
    }
 
 
}


Code-Behind:
protected void RadGrid3_OnItemCommand(object o, Telerik.Web.UI.GridCommandEventArgs e)
{
    if (e.CommandName == "RebindGrid")
    {
        RebindGrid(ref RadGrid3, true);
    }
    else
    {
        if (e.CommandName == "ExpandOrCollapse")
        {
            GridDataItem dataItem = RadGrid3.MasterTableView.Items[int.Parse(e.CommandArgument.ToString())] as GridDataItem;
            dataItem.Expanded = !dataItem.Expanded;
            return;
        }
 
          RebindGrid(ref RadGrid3, true);
    }
}
 
protected void RadGrid3_OnColumnsReorder(object o, Telerik.Web.UI.GridColumnsReorderEventArgs e)
{
      RebindGrid(ref RadGrid3, true);
}
 
protected void RadGrid3_OnGroupsChanging(object o, Telerik.Web.UI.GridGroupsChangingEventArgs e)
{
      RebindGrid(ref RadGrid3, true);
}
 
protected void RadGrid3_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
 
 
            BLL b = new BLL();
            RadGrid3.DataSource = b.GetData();
         
 
        if (RadGrid3.DataSource == null)
        {
            RadGrid3.DataSource = new string[] { };
        }
     
 
}
 
protected void RadGrid3_DetailTableDataBind(object sender, GridDetailTableDataBindEventArgs e)
{
    if (e.DetailTableView.ParentItem.DataItem != null)
    {
        e.DetailTableView.DataSource = ((ParentDTO)e.DetailTableView.ParentItem.DataItem).colDetails;
    }
}
 
 
protected void RadGrid3_OnItemDataBound(object sender, GridItemEventArgs e)
{
 
    if (e.Item is GridDataItem && e.Item.OwnerTableView.Name == "Detail")
    {
        Control HyperLink = e.Item.FindControl("hl");
 
      
        if (((DetailsDTO)e.Item.DataItem).strLinkValue != "" && ((DetailsDTO)e.Item.DataItem).blnIsImage)
        {
            this.RadToolTipManager1.TargetControls.Add(HyperLink.ClientID, ((DetailsDTO)e.Item.DataItem).strLinkValue, true);
        }
 
    }
 
}

protected void RadToolTipManager_OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)
        {
           UpdateToolTip(args.Value, args.UpdatePanel, Page);
        }

public void UpdateToolTip(string strVal, UpdatePanel panel, System.Web.UI.Page pg)
        {
            Control ctrl = pg.LoadControl("TooltipContainer.ascx");
            panel.ContentTemplateContainer.Controls.Add(ctrl);
            TooltipContainer details = (TooltipContainer)ctrl;

            if (strVal != "")
            {
                details.SetImage(strVal);
            }
        }

TooltipContainer markup:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TooltipContainer.ascx.cs" Inherits="TooltipContainer" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<asp:Image runat="server" ID="TooltipImage" AlternateText="" Height="100%" Width="100%" BorderWidth="0"></asp:Image>

TooltipContainer Code-Behind (GetUrl function code omitted):
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
using PL.BasePL;
 
    public partial class TooltipContainer : System.Web.UI.UserControl
    {
        
        protected void Page_Load(object sender, EventArgs e)
        {
          
        }
 
        public void SetImage(string strPath)
        {
 
          
            TooltipImage.ImageUrl = GetUrl(strPath);
         
 
        }
 
         
    }


TIA
Grid
Kostadin
Telerik team
 answered on 12 Feb 2013
2 answers
132 views
RadChart Label as Y axis - SQL Datasource
Hi there
I am trying to add a Chart using wizard but I could not put the labels and values in the right order.
I want the names as Y axis and the total number of users as Labels written inside the bar
any help appreciated

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:dev.EkonomiConnectionString %>" SelectCommand="SELECT  COUNT(I.Is_Kayit_Id) as Total, (K.Adi + ' ' + K.Soyadi) isim  FROM   Is_Kayitlari I  LEFT JOIN   Kullanicilar K ON    K.Kullanici_Id=I.Create_User  GROUP BY K.Adi, K.Soyadi ORDER BY    Total DESC"></asp:SqlDataSource>
 
        <telerik:RadChart ID="RadChart1" runat="server" DataSourceID="SqlDataSource1"
            SeriesOrientation="Horizontal" Width="800px">
            <Series>
<telerik:ChartSeries Name="Total" DataLabelsColumn="isim" DataYColumn="Total"></telerik:ChartSeries>
</Series>
            <PlotArea>
                <XAxis>
                    <AxisLabel>
                        <Appearance RotationAngle="270">
                        </Appearance>
                    </AxisLabel>
                </XAxis>
                <YAxis>
                    <AxisLabel>
                        <Appearance RotationAngle="0">
                        </Appearance>
                    </AxisLabel>
                </YAxis>
                <YAxis2>
                    <AxisLabel>
                        <Appearance RotationAngle="0">
                        </Appearance>
                    </AxisLabel>
                </YAxis2>
            </PlotArea>
        </telerik:RadChart>
Chart (Obsolete)
Petar Kirov
Telerik team
 answered on 12 Feb 2013
0 answers
247 views
Open web page inside a div tag
I'm using below code to open a web page inside a div tag.

$(document).ready(function () {
                $("#popupContact").load("Wizard.aspx");

            });

In the Wizard.aspx page i have a telerik RadTabStrip control. When the page is loaded tab control is displayed with out any issue but i can not navigate to tab pages (tabs are not working).

If i load the page Wizard.aspx with out the jquery code, every thing works fine.

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" >
    </telerik:RadScriptManager>
    <div class="exampleWrapper" style="background-repeat: repeat;" >
    <a id="popupContactClose"><b>X</b></a>
   <b>Fill the Form</b>
        <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1"
            Height="100%">
            <div style="float: left; width: 500px; ">
                <telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1"
                    Skin="Sunset" CssClass="tabStrip">
                </telerik:RadTabStrip>
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"
                    CssClass="multiPage">
                </telerik:RadMultiPage>
            </div>
            <div id="specialdiv" class="previewWrapper" style="background-image: url('images/preview.jpg')">
                <uc1:PreviewCS ID="previewControl" runat="server"></uc1:PreviewCS>
            </div>
        </telerik:RadAjaxPanel>

    </div>
TabStrip
Chamara
Top achievements
Rank 1
 asked on 12 Feb 2013
1 answer
87 views
Radgrid SelectedIndexChanged firing on every click
How do I stop the SelectedIndexChanged event from firing when I click on a button in that row of the RadGrid?
I still want it to fire when I click on other parts of the row, just not when I click on a button.
General Discussions
Eyup
Telerik team
 answered on 12 Feb 2013
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
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
Security
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
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
3153 3154
3155
3156 3157
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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