August 29, 2008 10:11pm pdt

	[x] Attachment Details

How to I set focus to a TextBox inside a Panel which is inside an AJAX Tab Container?

Zones: Programming for ASP.NET, Microsoft Visual Basic.Net, .NET Framework 2.0

Tags: VB.NET, ASP.NET, AJAX, IE 7.0

Greetings,

I am working on a ASPX page (.NET 2.0) in VB.NET (VS2005) and needed some help setting focus to a TextBox which is housed inside a Panel, which in turn is housed inside an AJAX Tab Container.
I have tried finding the TextBox in the Code Behind in both the Page_Load Event and via a separate Event that I called using the "ActiveTabChanged" attribute of the Tab Container and also tried "OnClientActiveTabChanged" which called a javascript function. I have also tried to call the same javascript function from the TabPanel's "OnClientClick" attribute....All to no avail....So if anyone can give me some guideance on how to set this focus I'd greatly appreciate it.

Moe

P.S. Sorry I thought of this after I posted the original question. Whenever I use ANY "OnClientClict" attribute...the TabContainer disappers altogther...!

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:

           
           
             Here is the ASPX page:
 
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="CGIAHome.aspx.vb" Inherits="CGIAHome" 
    MasterPageFile="~/CGIAmain.master" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="HomePage" ContentPlaceHolderID="cgiaMainPage" runat="server">
 
 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="CGIAHome.aspx.vb" Inherits="CGIAHome" 
    MasterPageFile="~/CGIAmain.master" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="HomePage" ContentPlaceHolderID="cgiaMainPage" runat="server">
 
 
 
<script language="javascript" type="text/javascript">
   Sys.Application.add_load    
   ( 
        function()        
      {
            window.setTimeout(setfocus, 1); 
      }
   )  
 
 
 function setfocus() 
    {       
     document.getElementById('<%=txtBrkCode.ClientID %>').focus(); 
     }
     </script>
 
    <div id="content-container-two-column">
        <div id="content-main-two-column">
            <div id="three-column-container">
             
                    <cc1:TabContainer ID="MainTabs" runat="server" ActiveTabIndex="2" CssClass="CustomTabs"
                        Width="790px">
                        <cc1:TabPanel ID="tpnlHome" runat="server" TabIndex="1">
                            <HeaderTemplate>
                                Home</HeaderTemplate>
                            <ContentTemplate>
                                       <div id="HmpgIntro">
 
 WELCOME TEXT GOES HERE&.
                                    </div>
 
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="tpnlAboutUs" runat="server" TabIndex="2">
                            <HeaderTemplate>
                                About Us</HeaderTemplate>
                            <ContentTemplate>
                                <div id="divAboutUsTxt" runat="server" class="TabBodyTxt">
  SOME ABOUT US TEXT GOES HERE&.
                                </div>
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="tpnlProducer" runat="server" TabIndex="3"  OnClientClick="setfocus()">
                            <HeaderTemplate>
                                Producer Info</HeaderTemplate>
                            <ContentTemplate>
                                <div id="divTabProducer" runat="server" class="TabBodyTxt" style="right: -18px; width: 570px;
                                    top: 10px">
 
                                         Broker - Announcements GO HERE&
 
                              </div>
                                <asp:Panel ID="pnlBrkLogin" runat="server" CssClass="brkLogin">
                                
                                    <div id="divBrkLoginSec" runat="server">
                                    
                                        Broker Services<br />
                                        <br />
                                        User ID:<br />
 
 
**********************SET FOCUS TO THE TXTBOX BELOW, txtBrkCode *************
 
                                        <asp:TextBox ID="txtBrkCode" runat="server"></asp:TextBox><br />
 
 
                                        Password:<br />
                                        <asp:TextBox ID="txtBrkPass" runat="server" TextMode="Password"></asp:TextBox>
                                        <br />
                                        <br />
                                        <asp:LinkButton ID="lbBrkLogin" runat="server">Login</asp:LinkButton>
                                        <br />
                                        <br />
                                    </div>
                                </asp:Panel>               
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="tpnlInsured" runat="server" TabIndex="4">
                            <HeaderTemplate>
                                Insured Info</HeaderTemplate>
                            <ContentTemplate>
                                <div id="divTabInsured" runat="server">
                                    <table border="0" cellpadding="0" cellspacing="10" width="90%">
 
  SOME INSURED INFO HERE&
 
                                    </table>
                                </div>
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="tpnlCustSvc" runat="server" TabIndex="5">
                            <HeaderTemplate>
                                Customer Service</HeaderTemplate>
                            <ContentTemplate>
                                <div id="divTabCustSvc" runat="server">
  Customer Service JUNK Goes Here                                                                   
                                </div>
                       </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="tpnlContact" runat="server" TabIndex="6">
                            <HeaderTemplate>
                                Contact Us</HeaderTemplate>
                            <ContentTemplate>
                                <div id="divTabContact" class="TabBodyTxt" runat="server" style="right: 0px; top: 10px;
                                    height: 85px">
                                    <h3>
                                        <div id="divContactInfoTitle" class="divContactInfoTitle">
                                            U.S. Headquarters</div>
                                    </h3>
                                    <div id="divContactInfo" class="divContactInfo">
 ADDRESS JUNK GOES HERE&
                                    </div>
                                    <hr class="hrContact" />
                                    <div id="divLicense" runat="server" style="left: 35px; top: 20px" class="divLicense">
                                        CA License: 555555555555
                                    </div>
                                </div>                             
                            </ContentTemplate>
                        </cc1:TabPanel>    
                    </cc1:TabContainer>       
            </div>
        </div>
    </div> 
</asp:Content>
 
 
Here is the Code Behind Snippet I was experimenting with:
 
    Protected Sub SetTxtFocus(ByVal sender As Object, ByVal e As System.EventArgs) Handles MainTabs.ActiveTabChanged
        Dim txt As TextBox = pnlBrkLogin.FindControl("txtBrkPass")
        If Not txt Is Nothing Then
            txt.Focus()
        End If
 ' And I also tried this in both the Page Load and in a separate Event:
 
  Dim txt As TextBox = MainTabs.ActiveTab.FindControl("txtBrkPass")
        If Not txt Is Nothing Then
            txt.Focus()
        End If
    End Sub
           
         

Start your free trial to view this solution

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

8.2

Question Stats

Zone: Programming

Question Asked By: cgiaIT3601

Solution Provided By: cgiaIT3601

Participating Experts: 1

Solution Grade: A

Translate:

Loading Advertisement...

20080723-EE-VQP-34 - Hierarchy / EE_QW_2_20070628

Member Login

Hall of Fame

Yearly

1TheLearn... 759,048
2samtran0... 432,718
3raterus 383,115
4Velio 341,985
5prairiedog 318,538
6naspinski 303,044
7Dhaest 208,919
8tedbilly 192,460
9dusion 178,123
10angelIII 173,363
11jpaulino 170,553
12ororiole 152,646
13Rejojohny 135,765
14renjurdevan 134,162
15GreenGho... 133,085
16jcoehoorn 132,308
17pratima_... 131,018
18NazoUK 130,160
19TimCottee 129,355
20TheMegaL... 128,579
21zkeown 123,565
22sachintana 109,165
23sammy1... 104,772
24hielo 100,350
25vs1784 96,925