Questions on UI for ASP.NET AJAX Forum

1 answer

350 views

How to implement text Hint in RadSearchBox

I've been playing around with the RadSearchBox, and I have to say it's a very well done component, fast and the office2007 skin is beautiful. Now I'm trying to figure out how to add hints in the textbox (just like the search and textbox hints in this forum). Is there a property we can set?
eg. hint = "Type your search here", hintColor = lightgray, etc.

Thanks

SearchBox

answered on 27 Jun 2013

6 answers

72 views

Webshims Required Field

I am using this framework for validation in my web app. I'm trying to set a RadComboBox to required using the required attribute. The problem is that field never identifies as "required" when empty. I believe the reason is the control is defined as below and I'm adding a required attribute with the following javascript:

$('#ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input').attr('required', 'required');

The issue I believe is related to the fact that ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input is set to readonly. It works when I allow CustomText using the same code but that's not really what I want. I can't use the RadDropdownList or regular DropdownList b/c I need separators for items in my dropdown so I'm left with the RadComboBox. Is there something I'm missing?

I have a demo of the problem but I can't attach it here.

<div id="ctl00_MainContent_LRS_pi_1_ddlProductCDF" class="RadComboBox RadComboBox_Office2010Blue" style="width:100px;">

<table summary="combobox" style="border-width:0;border-collapse:collapse;table-layout:fixed;width:100%">

<tr class="rcbReadOnly">

<td class="rcbInputCell rcbInputCellLeft" style="margin-top:-1px;margin-bottom:-1px;width:100%;"><input name="ctl00$MainContent$LRS_pi_1$ddlProductCDF" type="text" class="rcbInput radPreventDecorate" id="ctl00_MainContent_LRS_pi_1_ddlProductCDF_Input" value="" style="display: block;" readonly="readonly" tabindex="30" /></td><td class="rcbArrowCell rcbArrowCellRight" style="margin-top:-1px;margin-bottom:-1px;"><a id="ctl00_MainContent_LRS_pi_1_ddlProductCDF_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a></td>

</tr>

</table><div class="rcbSlide" style="z-index:6000;"><div id="ctl00_MainContent_LRS_pi_1_ddlProductCDF_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Office2010Blue " style="float:left;display:none;"><div class="rcbScroll rcbWidth" style="width:100%;"><ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;"><li class="rcbItem "></li><li class="rcbItem rcbSeparator ">Assets</li><li class="rcbItem ">DRS</li><li class="rcbItem ">VPS</li><li class="rcbItem ">VPS/TCPIP</li></ul></div></div></div><input id="ctl00_MainContent_LRS_pi_1_ddlProductCDF_ClientState" name="ctl00_MainContent_LRS_pi_1_ddlProductCDF_ClientState" type="hidden" />

</div>

ComboBox

answered on 27 Jun 2013

1 answer

116 views

Rad Combobox on ClientBlur Event Not Setting Custom Text

Rad Combobox on ClientBlur Event setting Custom Text fine when we are going to press TAB key but we are getting issue when we are selecting item from Rad Combo Box manually using Mouse.On clicking suppose i have text :

ILS - APPLE

I have called onclientblur event which is splitting text into ILS and Apple and I am showing ILS.

On TAB it is working fine(Showing ILS) , But problem is getting issue (showing ILS-APPLE) on selecting the item clicking by mouse and then clicking out side it is showing ILS - APPLE instead of ILS.

Thanks in Advance

Regards,
Haris

DropDownList

answered on 27 Jun 2013

6 answers

403 views

RadGrid disappears

Hi.

I am using a radgrid in an update panel. When I click the edit button, the radgrid disappears and when i refresh the page, it reappears in edit mode as requested initially. I have tried removing the update panel, and it doesn't make any difference.

Any help would be appreciated.

Grid

answered on 27 Jun 2013

1 answer

50 views

expanding table messes with the onclick statement

This one is weird. I'm not getting my confirm message set like this:

<a onclick="return confirm('Do you want to delete this document: { idx1: , idx2: , Creation Date: 6/21/2013 2:15:17 PM}?');" href="javascript:__doPostBack('RadGridDocView$ctl00$ctl04$ctl01','')">

because after I expand the row it changes to this:

<a onclick="$find('RadGridDocView_ctl00')._clientDelete(event); return false;return confirm('Do you want to delete this document: { idx1: , idx2: , Creation Date: 6/21/2013 2:15:17 PM}?');" href="javascript:__doPostBack('RadGridDocView$ctl00$ctl04$ctl01','')">

any ideas?

Grid

answered on 27 Jun 2013

2 answers

49 views

Telerik heirarchical grid not supporting Large data

I have hierarchical rad grid with 3 levels of data. The 2nd level grid showing more than 15000 records for each parent record. I have paging applied to all the grids.

I am getting below error when I drill down at first level.

Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

I don't have any problem when the 2nd level grid has few records less than 500 records, if the count exceeds to more records I am getting above issue.

I tried increasing HttpRequest length. disabling the view state and saving the view state to disk. nothing helped.

What I could conclude is the issue is because of large number of records

Any help is appreciated.

Grid

answered on 27 Jun 2013

1 answer

71 views

CommandItemTemplate and NestedViewTemplate Issue

Hi

I have a RadGrid with a NestedViewTemplate and a CommandItemTemplate. When I click the ExpandCollapse button on a row to see the contents of the NestedView, the controls in the CommandItem area disappear.

Anyone experience this issue and/or know how to fix it.

Thanks

Grid

answered on 27 Jun 2013

12 answers

502 views

Custom Confirm Messages & Titles

The confirm window feature has worked as required for us at the master level of the radgrid. We, were successfully able to set custom radwindow title and confirmation text in the ItemCreated method. However, the radwindow’s title doesn’t seem to appear in the child record even though it has been set in the ItemCreated method. Please see attached code. I am not sure if this is a bug or code implementation issue.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ConfirmationLocalized._Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                        <Scripts> 
        
                            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                            <asp:ScriptReference Path="~/jquery-telerik.js" /> 
        
                        </Scripts> 
        
                    </telerik:RadScriptManager> 
        
                    <telerik:RadGrid ID="dtgShipper" runat="server" AutoGenerateColumns="False" GridLines="None" 
        
                        OnDetailTableDataBind="dtgShipper_DetailTableDataBind" OnNeedDataSource="dtgShipper_NeedDataSource" 
        
                        OnItemCommand="dtgShipper_ItemCommand" OnItemCreated="dtgShipper_ItemCreated">  
        
                        <HeaderContextMenu> 
        
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                        </HeaderContextMenu> 
        
                        <MasterTableView AllowPaging="True" DataKeyNames="id" PageSize="5" ShowHeader="False">  
        
                            <DetailTables> 
        
                                <telerik:GridTableView runat="server" AllowPaging="True" PageSize="5" AutoGenerateColumns="False" 
        
                                    ShowHeader="False">  
        
                                    <RowIndicatorColumn> 
        
                                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                                    </RowIndicatorColumn> 
        
                                    <ExpandCollapseColumn> 
        
                                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                                    </ExpandCollapseColumn> 
        
                                    <Columns> 
        
                                        <telerik:GridBoundColumn DataField="carriername" UniqueName="column1" ItemStyle-Width="85%">  
        
                                            <ItemStyle Width="85%"></ItemStyle> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="pieces" UniqueName="column2" ItemStyle-Width="85%">  
        
                                            <ItemStyle Width="85%"></ItemStyle> 
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridButtonColumn CommandArgument="Child" ConfirmDialogType="RadWindow" ButtonType="ImageButton" 
        
                                            ItemStyle-Width="20" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" 
        
                                            ConfirmText="Delete this record?" ConfirmTitle="Delete Confirm" ImageUrl="App_Themes/TEST/Images/delete.png">  
        
                                            <ItemStyle Width="20px"></ItemStyle> 
        
                                        </telerik:GridButtonColumn> 
        
                                    </Columns> 
        
                                </telerik:GridTableView> 
        
                            </DetailTables> 
        
                            <RowIndicatorColumn> 
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </RowIndicatorColumn> 
        
                            <ExpandCollapseColumn Visible="True">  
        
                                <HeaderStyle Width="20px"></HeaderStyle> 
        
                            </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn DataField="shippername" UniqueName="column1">  
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridButtonColumn CommandArgument="Child" ConfirmDialogType="RadWindow" ButtonType="ImageButton" 
        
                                    ItemStyle-Width="20" CommandName="Delete" Text="Delete" UniqueName="DeleteColumnMaster" 
        
                                    ConfirmText="Delete this shipper record?" ConfirmTitle="Delete Confirm" ImageUrl="App_Themes/TEST/Images/delete.png">  
        
                                    <ItemStyle Width="20px"></ItemStyle> 
        
                                </telerik:GridButtonColumn> 
        
                            </Columns> 
        
                            <PagerStyle Mode="NumericPages" /> 
        
                        </MasterTableView> 
        
                        <FilterMenu EnableTheming="True">  
        
                            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                        </FilterMenu> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server">  
        
                </telerik:RadWindowManager> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System;  
        
            using System.Collections.Generic;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using System.Data;  
        
            using System.Data.Linq;  
        
            using System.Data.Linq.Mapping;  
        
            using System.Linq.Expressions;  
        
            using Telerik.Web.UI;  
        
            namespace ConfirmationLocalized  
        
            {  
        
                public partial class _Default : System.Web.UI.Page  
        
                {  
        
                    /// <summary>  
        
                    /// Set page theme  
        
                    /// </summary>  
        
                    /// <param name="sender"></param>  
        
                    /// <param name="e"></param>  
        
                    void Page_PreInit(object sender, EventArgs e)  
        
                    {  
        
                        this.Page.Theme = "TEST";  
        
                    }  
        
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                    }  
        
                    /// <summary>  
        
                    /// Return shipper resultset  
        
                    /// </summary>  
        
                    /// <returns></returns>  
        
                    private List<Table1> LoadShippers()  
        
                    {  
        
                        List<Table1> shipperResult = new List<Table1>();  
        
                        Table1 shipper = new Table1();  
        
                        shipper.ID = 1;  
        
                        shipper.ShipperName = "ABC inc.";  
        
                        shipperResult.Add(shipper);  
        
                        shipper = new Table1();  
        
                        shipper.ID = 2;  
        
                        shipper.ShipperName = "ABC2 inc.";  
        
                        shipperResult.Add(shipper);  
        
                        return shipperResult;  
        
                    }  
        
                    /// <summary>  
        
                    /// Returns pending shipment result set  
        
                    /// </summary>  
        
                    /// <returns></returns>  
        
                    private List<Table2> LoadPendingData()  
        
                    {  
        
                        List<Table2> listResult = new List<Table2>();  
        
                        Table2 itemResult = new Table2();  
        
                        itemResult.carrierkey = 1;  
        
                        itemResult.carriername = "A";  
        
                        itemResult.pieces = 11;  
        
                        listResult.Add(itemResult);  
        
                        itemResult = new Table2();  
        
                        itemResult.carrierkey = 2;  
        
                        itemResult.carriername = "AA";  
        
                        itemResult.pieces = 22;  
        
                        listResult.Add(itemResult);  
        
                        itemResult = new Table2();  
        
                        itemResult.carrierkey = 3;  
        
                        itemResult.carriername = "BAC";  
        
                        itemResult.pieces = 33;  
        
                        listResult.Add(itemResult);  
        
                        return listResult;  
        
                    }  
        
                    /// <summary>  
        
                    /// Loads shipper result set to grid  
        
                    /// </summary>  
        
                    /// <param name="source"></param>  
        
                    /// <param name="e"></param>  
        
                    protected void dtgShipper_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)  
        
                    {  
        
                        this.dtgShipper.DataSource = this.LoadShippers();  
        
                    }  
        
                    /// <summary>  
        
                    /// Loads child records for each shipper  
        
                    /// </summary>  
        
                    /// <param name="source"></param>  
        
                    /// <param name="e"></param>  
        
                    protected void dtgShipper_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)  
        
                    {  
        
                        GridDataItem parentItem = e.DetailTableView.ParentItem as GridDataItem;  
        
                        e.DetailTableView.DataSource = this.LoadPendingData();  
        
                        e.DetailTableView.DataMember = "Child";  
        
                    }  
        
                    protected void dtgShipper_ItemCommand(object source, GridCommandEventArgs e)  
        
                    {  
        
                    }  
        
                    /// <summary>  
        
                    /// Set custom confirm message and title  
        
                    /// this could be used to set localized strings  
        
                    /// </summary>  
        
                    /// <param name="sender"></param>  
        
                    /// <param name="e"></param>  
        
                    protected void dtgShipper_ItemCreated(object sender, GridItemEventArgs e)  
        
                    {  
        
                        // Set Parent records custom message and title  
        
                        foreach (GridColumn column in this.dtgShipper.MasterTableView.RenderColumns)  
        
                        {  
        
                            if (column is GridButtonColumn)  
        
                            {  
        
                                if (column.UniqueName == "DeleteColumnMaster")  
        
                                {  
        
                                    (column as GridButtonColumn).ConfirmText = "Delete this master record?";  
        
                                    // Following title appears on the radwinow  
        
                                    (column as GridButtonColumn).ConfirmTitle = "Delete master confirm";  
        
                                }  
        
                            }  
        
                        }  
        
                        // Set chil records custom message and title  
        
                        foreach (GridColumn column in this.dtgShipper.MasterTableView.DetailTables[0].RenderColumns)  
        
                        {  
        
                            if (column is GridButtonColumn)  
        
                            {  
        
                                if (column.UniqueName == "DeleteColumn")  
        
                                {  
        
                                    (column as GridButtonColumn).ConfirmText = "Delete this child record?";  
        
                                     //Following title doesnt appear on the rad window  
        
                                    (column as GridButtonColumn).ConfirmTitle = "Delete child confirm";  
        
                                }  
        
                            }  
        
                        }  
        
                    }  
        
                }  
        
                /// <summary>  
        
                /// shipper table  
        
                /// </summary>  
        
                [Table(Name = "dbo.Table1")]  
        
                public partial class Table1  
        
                {  
        
                    private int _id;  
        
                    private string _shipperName;  
        
                    public int ID {   
        
                        get{return this._id ;}  
        
                        set { this._id = value; }   
        
                    }  
        
                    public string ShipperName {  
        
                        get { return this._shipperName; }  
        
                        set { this._shipperName = value; }   
        
                    }  
        
                }  
        
                /// <summary>  
        
                /// Pending shipment table  
        
                /// </summary>  
        
                [Table(Name = "dbo.Table2")]  
        
                public partial class Table2  
        
                {  
        
                    private string _carriername;  
        
                    private System.Nullable<int> _pieces;  
        
                    private System.Nullable<double> _weight;  
        
                    private int _carrierkey;  
        
                    private string _unitid;  
        
                    private System.Nullable<int> _shipperkey;  
        
                    private System.Nullable<int> _companykey;  
        
                    public Table2()  
        
                    {  
        
                    }  
        
                    [Column(Storage = "_carriername", DbType = "NVarChar(50)")]  
        
                    public string carriername  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._carriername;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._carriername != value))  
        
                            {  
        
                                this._carriername = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_pieces", DbType = "Int")]  
        
                    public System.Nullable<int> pieces  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._pieces;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._pieces != value))  
        
                            {  
        
                                this._pieces = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_weight", DbType = "Float")]  
        
                    public System.Nullable<double> weight  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._weight;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._weight != value))  
        
                            {  
        
                                this._weight = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_carrierkey", DbType = "Int NOT NULL")]  
        
                    public int carrierkey  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._carrierkey;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._carrierkey != value))  
        
                            {  
        
                                this._carrierkey = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_unitid", DbType = "VarChar(25)")]  
        
                    public string unitid  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._unitid;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._unitid != value))  
        
                            {  
        
                                this._unitid = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_shipperkey", DbType = "Int")]  
        
                    public System.Nullable<int> shipperkey  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._shipperkey;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._shipperkey != value))  
        
                            {  
        
                                this._shipperkey = value;  
        
                            }  
        
                        }  
        
                    }  
        
                    [Column(Storage = "_companykey", DbType = "Int")]  
        
                    public System.Nullable<int> companykey  
        
                    {  
        
                        get 
        
                        {  
        
                            return this._companykey;  
        
                        }  
        
                        set 
        
                        {  
        
                            if ((this._companykey != value))  
        
                            {  
        
                                this._companykey = value;  
        
                            }  
        
                        }  
        
                    }  
        
                }  
        
            }

Grid

answered on 27 Jun 2013

0 answers

63 views

Binding Radscheduler on date or navigation change

Hello,

I am trying to bind Rascheduler on date change/navigation change/day or week view change. But when I try to bind, I do not get new date selected in UI.

Is there a preferred approach? If I bind all my records once, the navigation works fine.
But I want to bind initially on todays date and after based on the date selected or when navigation changes.

Thanks,
Anil

Scheduler

asked on 27 Jun 2013

2 answers

36 views

Weird stying on RadWindow

Hi,

I am using the RadWindow control to create new Tenants in a RadDropDownList, I just want a simple form that captures the info and Save.

Functionality wize its working 100% but it looks horrible and I cannot figure out why its happening, tried a few settings like Render Mode, Skin etc.

I have attached a screenshot of how it looks, renders the same in IE and Chrome.

Here the window code in my ASPX (wrapped in a RadUpdatePanel could this cause the issue?):

<telerik:RadWindow runat="server" ID="winNewTenant" Width="500px" Height="200px" Modal="true" Behaviors="None" EnableTheming="True" Skin="WebBlue">

<ContentTemplate>

<table>

<tr>

<td class="tdlabel">

Tenant Name

</td>

<td>

<telerik:RadTextBox runat="server" ID="txtTenantName" Width="300px" />

</td>

</tr>

<tr>

<td class="tdlabel">

Trading As

</td>

<td>

<telerik:RadTextBox runat="server" ID="txtTradingAs" Width="300px" />

</td>

</tr>

<tr>

<td colspan="2">

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadButton runat="server" ID="btnSaveTenant" Text="Save" CausesValidation="true" ButtonType="SkinnedButton" Skin="WebBlue" OnClick="btnSaveTenant_Click" />

<telerik:RadButton runat="server" ID="btnCancelTenant" Text="Cancel" CausesValidation="false" ButtonType="SkinnedButton" Skin="WebBlue" OnClick="btnCancelTenant_Click" />

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadWindow>

Window

answered on 26 Jun 2013