How to set focus on text box when second tab is selected ?

Question

1.00/5 (1 vote)

See more:

I have Tab Panel control .. I want to set focus on textbox from second tab of this control when second tab is selected .. how can i do that?

Posted 2-Jul-13 3:20am

Torakami

Add a Solution

Comments

VedPrakash(Developer) 2-Jul-13 10:09am

Please elaborate your question and if possible then paste your code to give correct support.

Sergey Alexandrovich Kryukov 2-Jul-13 10:26am

Click Improve question and improve it. What tab? Where? Why it's a problem? What did you try so far? Any code sample?
—SA

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Denis Shemenko · Answer 1 · 2013-07-02T04:27:00

Hi!

Go to your Tab panel Events, and choose SelectedIndexChanged.
Double click, and now you are in:

C#

private void TabControl1_SelectedIndexChanged(Object sender, EventArgs e) {
    // Here we check if selected index is Second Tab
    if(tabPanel.SelectedIndex == 1)
    {
        // Set focus on text box you need
        textBox.Select();
    }
}

Otherwise, you can use the SelectedTab property of Tab panel, that return you a TabPage, and then you can check by name:

C#

tabPanel.SelectedTab.Name == "Second Tab";

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 2 · 2013-07-02T04:45:00

Solution

There is an event in Ajax TabContainer Control named as OnClientActiveTabChanged, which gets fired when you click on any Tab.

Quote:
OnClientActiveTabChanged - The name of a javascript function to attach to the client-side tabChanged event

So, you can specify the javaScript function, which you want to call, when any TabPanel is clicked.

HTML

<ajaxToolkit:TabContainer runat="server"
        OnClientActiveTabChanged="ClientFunction"

Now on that javaScript function, try to set focus of TextBox like below.

JavaScript

function ClientFunction()
{
    document.getElementById('TextBoxID').focus()
}

Demo

You can check how this Event works. Refer first Demo in Tabs Demonstration[^]

How to set focus on text box when second tab is selected ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0