Questions on UI for ASP.NET AJAX Forum

3 answers

118 views

quite simply how would one do this?
specifically we are using the editor to allow people to add smileys to their conversations, but i have noticed that they can be resized which makes everything look really bad if someone were to do this. so how does one stop allowing resizing of images in the red editor? thanks

Editor

answered on 19 Jan 2010

6 answers

130 views

[Solved] Custom toolbar look and feel.

Hey is there a way that I can redesign the look and feel of the toolbar using css or whatever?
Need help!

Editor

answered on 19 Jan 2010

1 answer

70 views

new line in spell check control while checking multiple controls

The spell check control inserts a newline when the control is empty. Is there anyway i can avoid that. I have attached a screenshot of the problem.

One way i was thinking about doing it was dynamically adding/removing controls to the spellcheck depending on the content of the controls.

You can reproduce the behavior on your demo page.
http://demos.telerik.com/aspnet-ajax/spell/examples/multiplechecks/defaultcs.aspx

Spell

answered on 19 Jan 2010

1 answer

132 views

Advice on Best Practice

I'm looking for some advice on the best practice to achieve something:

We have a hierarchical grid:

(category) RadGrid with MasterTableView

(metric) which has a DetailTable (GridTableView)

(alarms) which has a DetailTable (GridTableView)

which has an EditFormSettings (template) - FormTemplate

which shows a custom control to edit the alarm

(either a new alarm or amend existing alarm)

(custom control is loaded from a placeholder in the FormTemplate - probably not best?)

The structure is working well, and we can drill down correctly through the hierarchy. My question is (and where I'd like some advice) - the custom control (lets call it the AlarmEditor) needs to know information about the hierarchy that has been traversed to reach it. How is it best to pass and persist this information?

At the moment the AlarmEditor is created in the Load event of the Placeholder inside the FormTemplate -- I'm not totally sure this is necessary. Additionally i've hooked into the ItemCommand of the Alarms detail table to attempt to capture the key information I need -- I can get it at this point, but how do I forward it to the AlarmEditor which hasn't been created at this point?

I would be very grateful if you could offer suggestions on best practice to achieve this goal. At the moment i've tried to pass minimal key information down (with limited success), ideally I'd like to pass the DataItem down, or a more structured object.

Thankyou.

Grid

answered on 19 Jan 2010

4 answers

138 views

Design Problem on page with tabstrip after adding few user controls

Hi,

I have a problem adding user controls in tabs after an extent. After adding the 7 user controls on my tab strip I got a strange problem that my whole page design gets distorted. I have the following code:

    
             <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" 
        
                            SelectedIndex="0" Skin="Default" ShowBaseLine="False">  
        
                            <Tabs> 
        
                                <telerik:RadTab Text="Summary / General" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                    HoveredCssClass="HoveredTab">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="File Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="File Summary by File Type" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="File Summary by Custodian" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Tagged File Summary by Custodian" SelectedCssClass="SelectedTab" 
        
                                            DisabledCssClass="DisabledTab" HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="File(s) not in Export Set" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                    </Tabs> 
        
                                </telerik:RadTab> 
        
                                <telerik:RadTab Text="Containers" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                    HoveredCssClass="HoveredTab">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text=" Summary of Container Files" SelectedCssClass="SelectedTab" 
        
                                            DisabledCssClass="DisabledTab" HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Container File Details" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                    </Tabs> 
        
                                </telerik:RadTab> 
        
                                <telerik:RadTab Text="Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                    HoveredCssClass="HoveredTab">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="Top 25 File Types" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Office File Types" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="File Type Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="File Author Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Known System Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                    </Tabs> 
        
                                </telerik:RadTab> 
        
                                <telerik:RadTab Text="Duplicate Files" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                    HoveredCssClass="HoveredTab">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="Duplicates (Custodian)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Duplicates (Global)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Duplicate Files (Loose)" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Duplicate Emails" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                    </Tabs> 
        
                                </telerik:RadTab> 
        
                                <telerik:RadTab Text="Emails" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                    HoveredCssClass="HoveredTab">  
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="Email Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Email Summary by Sender" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text=" Conversation Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                        <telerik:RadTab Text="Attachment Summary" SelectedCssClass="SelectedTab" DisabledCssClass="DisabledTab" 
        
                                            HoveredCssClass="HoveredTab">  
        
                                        </telerik:RadTab> 
        
                                    </Tabs> 
        
                                </telerik:RadTab> 
        
                            </Tabs> 
        
                        </telerik:RadTabStrip> 
        
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%">  
        
                            <telerik:RadPageView ID="RadPageView1" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView2" runat="server">  
        
                                <uc1:ucFileDetails ID="ucFileDetails1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView3" runat="server">  
        
                                <uc2:ucFileManifestBatch ID="ucFileManifestBatch1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView4" runat="server">  
        
                                <uc3:ucCustodianDetails ID="ucCustodianDetails1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView5" runat="server">  
        
                                <uc4:ucProductionSetFiles ID="ucProductionSetFiles1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView6" runat="server">  
        
                                <uc5:ucFileListTaggedButNotInProductionSet ID="ucFileListTaggedButNotInProductionSet1" 
        
                                    runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView7" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView8" runat="server">  
        
                                <uc7:ucContainerFileSummary ID="ucContainerFileSummary1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView9" runat="server">  
        
                               <%-- <uc9:ucContainerFileDetails ID="ucContainerFileDetails1" runat="server" />--%> 
        
                               Container Detail Report  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView10" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView11" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView12" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView13" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView14" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView15" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView16" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView17" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView18" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView19" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView20" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView21" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView22" runat="server">  
        
                                <uc6:ucFrequencyInProject ID="ucFrequencyInProject1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView23" runat="server">  
        
                                <uc8:ucFrequencyByEmailAddress ID="ucFrequencyByEmailAddress1" runat="server" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView24" runat="server">  
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView ID="RadPageView25" runat="server">  
        
                            </telerik:RadPageView> 
        
                        </telerik:RadMultiPage>

If I uncomment the commented user control the design of page is something like errorpage.jpg image. And if I comment the code or any other user control from the tab strip it works perfectly ok as in correctpage.jpg.
Please review the code and let me know what could be the problem?

Thanks,
Yuvika

TabStrip

answered on 19 Jan 2010

1 answer

113 views

Heirarchical RadGrid Select/Scroll bug?

Hi there.

I have a RadGrid that has Master/Detail tables in it. I have purposely removed the expand/collapse column and made the grid expand/collapse when the row is selected (on item command). My grid is a single select grid, but when I select a master table row, then scroll so that the selected row is no longer visible, then select another row, the grid has 2 rows selected. This does not occur when I select multiple rows on the same viewable region in the grid. I am coding around this issue right now, by looking to see if the selected row count is > 1, then clearing the selection appropriately. I obviously have something setup incorrectly. Any ideas?

Here is my relevant code-behind code:

    
                    override protected void OnInit(EventArgs e)  
        
                    {  
        
                        this.Load += new System.EventHandler(this.Page_Load);  
        
                        this.rgT.NeedDataSource += new GridNeedDataSourceEventHandler(this.rgTask_NeedDataSource);  
        
                        this.rgT.DetailTableDataBind += new GridDetailTableDataBindEventHandler(this.rgT_DetailDataBind);  
        
                        this.cbOperators.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(cbOperators_SelectedIndexChanged);  
        
                        this.rgT.ItemDataBound += new GridItemEventHandler(rgT_ItemDataBound);  
        
                        this.rgT.ItemCommand += new GridCommandEventHandler(rgT_ItemCommand);  
        
                        this.btnAddTask.Click += new EventHandler(this.btnAddTask_Click);  
        
                        this.btnEdit.Click += new EventHandler(this.btnEdit_Click);  
        
                        this.btnDelete.Click += new EventHandler(this.btnDelete_Click);  
        
                        this.btnQualifiers.Click += new EventHandler(this.btnQualifiers_Click);  
        
                        this.btnBack.Click += new EventHandler(this.btnBack_Click);  
        
                        this.btnBulkLoad.Click += new EventHandler(this.btnBulkLoad_Click);  
        
                        base.OnInit(e);  
        
                    }

    
                    protected void rgT_ItemCommand(object source, GridCommandEventArgs e)  
        
                    {  
        
                        if (e.CommandName == "RowClick")  
        
                        {  
        
                            // row is selected, enable appropriate buttons  
        
                            EnableButtons(true);  
        
                            // toggle the row expansion  
        
                            GridDataItem item = (GridDataItem)e.Item;  
        
                            item.Expanded = !item.Expanded;  
        
                        }  
        
                    }

    
                    protected void rgT_DetailDataBind(object source, GridDetailTableDataBindEventArgs e)  
        
                    {  
        
                        GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;  
        
                        if (rgT.SelectedItems.Count > 0)  
        
                        {  
        
                            long TaskId = (long)rgT.MasterTableView.DataKeyValues[rgT.SelectedItems[0].ItemIndex]["TaskId"];  
        
                            e.DetailTableView.DataSource = BLQualifierSet.SelectQualifiersByTask(TaskId);  
        
                        }  
        
                    }

My grid:

    
                            <telerik:RadGrid ID="rgT" runat="server" GridLines="None"   
        
                                AutoGenerateColumns="False" AllowSorting="True"   
        
                                Width="100%" AllowMultiRowSelection="false">  
        
                                <MasterTableView CellSpacing="-1" DataKeyNames="TaskId" TableLayout="Fixed" ExpandCollapseColumn-Display="False">  
        
                                    <Columns> 
        
                                        <telerik:GridBoundColumn DataField="Number" UniqueName="colNumber" HeaderText="Number" HeaderStyle-Width="5%">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridBoundColumn DataField="Name" UniqueName="colName" HeaderText="Title" HeaderStyle-Width="85%">  
        
                                        </telerik:GridBoundColumn> 
        
                                        <telerik:GridTemplateColumn DataField="SpanControlRatio" HeaderText="SOC" HeaderStyle-Width="10%" 
        
                                            UniqueName="colSpanControlRatio">  
        
                                            <ItemTemplate> 
        
                                                <asp:Label ID="lblSOCRatio" runat="server"   
        
                                                    Text='<%# Eval("SpanControlRatio") %>'></asp:Label> 
        
                                            </ItemTemplate> 
        
                                        </telerik:GridTemplateColumn> 
        
                                    </Columns> 
        
                                    <DetailTables> 
        
                                        <telerik:GridTableView DataKeyNames="QualifierSetID" Name="QualifierSets" Width="100%" TableLayout="Fixed">  
        
                                        <ParentTableRelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="TaskId" MasterKeyField="TaskId" /> 
        
                                        </ParentTableRelation> 
        
                                         <Columns> 
        
                                             <telerik:GridTemplateColumn HeaderStyle-Width="5%" ItemStyle-ForeColor="Red">  
        
                                                 <ItemTemplate><asp:Label id="rowNum" runat="server"></asp:Label> 
        
                                                 </ItemTemplate> 
        
                                             </telerik:GridTemplateColumn> 
        
                                             <telerik:GridBoundColumn HeaderText="Provider" DataField="ProviderName" DataType="System.String" HeaderStyle-Width="15%"></telerik:GridBoundColumn> 
        
                                             <telerik:GridBoundColumn HeaderText="Evaluations" DataField="QualifierName" DataType="System.String" HeaderStyle-Width="55%"></telerik:GridBoundColumn> 
        
                                             <telerik:GridBoundColumn HeaderText="Method" DataField="QualifierType" DataType="System.String" HeaderStyle-Width="10%"></telerik:GridBoundColumn> 
        
                                             <telerik:GridBoundColumn HeaderText="Re-Evaluation Frequency" DataField="ReevaluationFrequency" HeaderStyle-Width="15%" DataType="System.Int32"></telerik:GridBoundColumn> 
        
                                         </Columns> 
        
                                        <GroupByExpressions> 
        
                                            <telerik:GridGroupByExpression> 
        
                                                <GroupByFields> 
        
                                                    <telerik:GridGroupByField FieldName="QualifierSetId" /> 
        
                                                </GroupByFields> 
        
                                                <SelectFields> 
        
                                                    <telerik:GridGroupByField FieldName="EmptyString" HeaderText="Evaluation Set" HeaderValueSeparator=" "/>  
        
                                                </SelectFields> 
        
                                            </telerik:GridGroupByExpression> 
        
                                        </GroupByExpressions> 
        
                                        </telerik:GridTableView> 
        
                                    </DetailTables> 
        
                                </MasterTableView> 
        
                                <ClientSettings EnablePostBackOnRowClick="true">  
        
                                    <Selecting AllowRowSelect="True" /> 
        
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="300px"/>  
        
                                </ClientSettings> 
        
                            </telerik:RadGrid>

Grid

answered on 19 Jan 2010

1 answer

115 views

Dynamic buttons loose click event on postback

Hi all,

In Psuedo code this what I'm trying to achieve:

User comes to page with their Customer profile
if user clicks "Address Information"
populate pnlContent with Addresses_usercontrol - dynamic buttons are created in this user control
end if
If user clicks "Change this address" - dynamic button with AddressID
clear pnlContent()
populate pnlContent with EditAddress_usercontrol
end if

First off, on my main page I have a RadSplitter with two panes

    
             <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%"> 
        
                 <telerik:RadPane ID="LeftPane" runat="server" Width="180px" Height="100%"> 
        
                     <asp:Panel runat="server" ID="PnlButtons"> 
        
                         <asp:Button runat="server" ID="CusInfo" Text="Customer Information" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusCC" Text="Credit Card Information" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusAddr" Text="Address Information" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusContact" Text="Contact Information" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusContPrefs" Text="Contact Preferences" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusDemo" Text="Demographic Information" /> 
        
                         <br /> 
        
                         <asp:Button runat="server" ID="CusOrders" Text="Order History" /> 
        
                         <br /> 
        
                     </asp:Panel> 
        
                 </telerik:RadPane> 
        
                 <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="None" /> 
        
                 <telerik:RadPane ID="MiddlePane" runat="server" Scrolling="None" Width="400px" Height="100%"> 
        
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="400px" LoadingPanelID="LoadingPanel1"> 
        
                        <asp:Panel ID="pnlContent" runat="server"> 
        
                        </asp:Panel> 
        
                    </telerik:RadAjaxPanel> 
        
                 </telerik:RadPane> 
        
            </telerik:RadSplitter>

I am using the buttons in the pnlButtons to populate a userControl in the pnlContent. This all works fine. However, when a userControl is loaded into pnlContent there are dynamic buttons that are created with addeventhandlers (VB) . Essentially these buttons will clear the userControl in pnlContent and populate with another userControl.

    
            Dim newbtn As New Button() 
        
            newbtn.Text = "Add New!" 
        
            newbtn.ID = "btn" 
        
            AddHandler newbtn.Click, AddressOf DynamicClick

Since I have dynamic buttons being created their click events are not being fired, I figure because postback has already happened. How can i persist the click event for these dynamic buttons in VB?

Ajax

answered on 19 Jan 2010

1 answer

143 views

RadTreeView Border

Hi All,

I would like to turn off the selected border completely on the RadTreeView. In other words, whenever I go to the page with the treeview and select a node a dotted border shows up around the whole treeview. I do not want this behavior, which I would imagine should be the default behavior but I would be happy with a simple solution to turn this off.

I'm sure this should be a fairly simple thing to do but I have searched and can't find the answer. I have tried different CSS styles to no avail. I am not doing anything out of the ordinary so everything is pretty much a drop of the RadTreeView on a page. I'm using the WebBlue theme if that makes a difference. Also, I'm using the ASPNET AJAX Q1 2009 controls.

Thanks In Advance,
Dan

TreeView

answered on 19 Jan 2010

1 answer

73 views

[Solved] new feature(s) needed to include

there are many many of things that can be included as the sky is the limit

but acc. to me below are 2 things which should be done for betterment of new version

1) paypal payment option /paypal cart etc.
2) seperate dll for every control

below is the reasons

nowadays every one is expecting the developers to implement payment system for their website and if developers find telerik an easy option for implementing payment option via paypal then this could surely effect sales of the control in a positive manner i.e increase of sales

and for seperate dll reason is that all wont require all controls to be included for example i am developing a site in which i just only require menu, combobox and editor so rest of all are just aquiring server space with out any requirement but instead if there is seperate dll for every control then on need to include only those dll in bin folder which are used by his website

thakns..

General Discussions

answered on 19 Jan 2010

2 answers

294 views

OnClientFocus does not fire when combobox is focused programatically

I have set the OnClientFocus event of the combobox. When you click on the combobox or tab to it, the function gets called correctly.

If I call combobox.focus() from the server side, or if I get a reference to the Input Dom element client side and focus it, the OnClientFocus function is not fired.

To clarify, when I say client side, I mean when I add the client functions call to the AjaxManager's ResponseScript Collection. When I do this, $find('comboxClientID') returns null. I have tried adding the response script on PageLoad and PreRender.

Here is an example. In the code below, pressing the "Test" button on the page focuses the combobox correctly and the onclientfocus method gets called. If either of the server side methods are called, it does not work. I need to find a solution that will work when initiated on page load or prerender.

                    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>         
            <!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">         
                    <asp:scriptmanager id="scriptmanager1" runat="server" />         
                    <telerik:radscriptblock id="radscriptblock1" runat="server">         
                        <script type="text/javascript">         
                     
                            function rcb1_ClientFocus(sender, args) {         
                                alert('testing');         
                            }         
                     
                            function focusComboBox() {         
                                var rcb = $find('rcb1');         
                                rcb.get_inputDomElement().focus();         
                            }         
                                 
                        </script>         
                    </telerik:radscriptblock>         
                    <telerik:radcombobox id="rcb1" runat="server" onclientfocus="rcb1_ClientFocus" />         
                    <p><input type="button" value="Test" onclick="focusComboBox();" /></p>         
                    <telerik:radajaxmanager id="ram1" runat="server"></telerik:radajaxmanager>         
              </form>         
            </body>         
            </html>         

                    using System;         
            using System.Collections.Generic;         
            using System.Web;         
            using System.Web.UI;         
            using System.Web.UI.WebControls;         
            using Telerik.Web.UI;         
                     
            public partial class Test : System.Web.UI.Page {         
                     
              protected void Page_Load(object sender, EventArgs e) {         
                    if (!IsPostBack) {         
                        //scriptmanager1.SetFocus(rcb1.ClientID + "_Input");         
                        //RadAjaxManager.GetCurrent(Page).ResponseScripts.Add("focusComboBox();");         
                    }         
              }         
                     
                protected void Page_Prerender(object sender, EventArgs e) {         
                    if (!IsPostBack) {         
                        //scriptmanager1.SetFocus(rcb1.ClientID + "_Input");         
                        //RadAjaxManager.GetCurrent(Page).ResponseScripts.Add("focusComboBox();");         
                    }         
                }         
                     
            }         

ComboBox

answered on 19 Jan 2010