Button Focus issue in ie in c sharp asp .net

Question

4.00/5 (1 vote)

See more:

Hi,
please see the following code.

XML

<body>
    <form id="form1" runat="server">
    <asp:Panel ID="Panel1" runat="server" Width="100" Height="300" BorderColor="Black"
        BorderWidth="1">
        <asp:Button ID="Button1" runat="server" Text="Back" />
    </asp:Panel>
    <br>
    <asp:Panel ID="Panel2" runat="server" Width="100" Height="300" BorderColor="Black"
        BorderWidth="1">
        <asp:Button ID="Button2" runat="server" Text="submit" />
    </asp:Panel>
    </form>
</body>
</html>

While clicking inside the second panel, the focus is coming to the 'Back Button' in IE. Please look into it.

Posted 27-Feb-11 23:14pm

salini8588

Add a Solution

Comments

Ankur^\m/ 28-Feb-11 6:09am

That's expected behaviour. What do you want?

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)

pankajupadhyay29 · Answer 1 · 2011-02-27T23:20:00

Solution 1

use

UseSubmitBehavior="false"

in back button.

write like this

<form id="form1"  runat="server">  
  <asp:Panel ID="Panel1" runat="server" Width="100" Height="300" BorderColor="Black" BorderWidth="1">
    <asp:Button ID="Button1" runat="server" Text="Back" UseSubmitBehavior="false"/>
  </asp:Panel>
  <br />
  <asp:Panel ID="Panel2" runat="server" Width="100" Height="300" BorderColor="Black" BorderWidth="1">
    <asp:Button ID="Button2" runat="server" Text="submit" UseSubmitBehavior="false" />
  </asp:Panel>
  <br />
 </form>

Edit: new line tag and panel tag wasn't closed and causing formatting issue.

Posted 27-Feb-11 23:20pm

pankajupadhyay29

Updated 28-Feb-11 17:55pm

v3

Comments

Ankur^\m/ 28-Feb-11 6:09am

How would that solve the focus issue?

pankajupadhyay29 28-Feb-11 6:11am

have u check this this will solve your problem

<form id="form1" runat="server">
<asp:Panel ID="Panel1" runat="server" Width="100" Height="300" BorderColor="Black"
BorderWidth="1">
<asp:Button ID="Button1" runat="server" Text="Back" UseSubmitBehavior="false"/>
</asp:Panel>
<br>
<asp:Panel ID="Panel2" runat="server" Width="100" Height="300" BorderColor="Black"
BorderWidth="1">
<asp:Button ID="Button2" runat="server" Text="submit" UseSubmitBehavior="false" />
</asp:Panel>
</form>

write like this

Ankur^\m/ 28-Feb-11 6:17am

Choose 'Improve Answer' to update your answer. OP doesn't get notified if you add a comment to yur answer.

More importantly, your answer is incorrect. UseSubmitBehavior="false" doesn't solve the focus issue mentioned in the question. Moreover it still postbacks the page.

pankajupadhyay29 28-Feb-11 6:29am

thanks Ankur
and it is working i check for the same. the initial code provided focus the back button wherever you click in both the panel but now it is not show check both the code with IE.

Ankur^\m/ 28-Feb-11 6:33am

I am sorry I didn't get your point. But what I see in your code isn't the solution to the question. You have just added UseSubmitBehavior="false" in both the buttons. How does this have anything to do with focus on a control?

pankajupadhyay29 28-Feb-11 6:43am

when we put the button on panel this suppose to as submit button and in IE whenever focus goes to any of the panel in IE the back button got focus as there is no other controls but buttons but when add UseSubmitBehavior="false" then this will not happen. Actually i face the same problem ones so that i provided the ans work for me.This initial markup works fine with other browsers but not with IE, and we are to make change like this for IE.

Ankur^\m/ 28-Feb-11 7:08am

Let me tell you my interpretation of the question. When a user clicks Button1, the focus should be on Button1 and if he/she clicks Button2, the focus should be on Button2.

In case of a web application, every time a page is posted back, full life cycle of the page is repeated. In ASP.NET some properties of a control (depends on the control) are remembered using ViewState. AFAIK, focus in NOT one of them. So one must control the focus behaviour in his/her code.
I hope that makes sense.

BTW, I didn't get your post above. Your profile page says you are from India. You can leave a comment in Hindi if you know the language. I will read (and delete if required) your comment and reply accordingly.

And thanks for replying.

pankajupadhyay29 28-Feb-11 11:02am

This may be your interpretation but in question OP does now talking about click on button
"While clicking inside the second panel, the focus is coming to the 'Back Button' in IE."
he is saying when he click on second(not on any button) focus goes to Back Button, and the solution works for that

I hope you can understand this or i need to write in hindi.

Ankur^\m/ 28-Feb-11 23:50pm

Okay I got it. But adding the line UseSubmitBehavior="false" will bring focus nowhere.
Anyways I am changing my vote to a 4. Add some explanation as why this is happening and I will make it 5.
Cheers!
Ankur

rajivpande86 · Answer 2 · 2011-03-01T12:32:00

I guess you have completely misunderstood the Focus's behavior. Its in no way related to clicking inside the container of your control. For that, you will have to write a custom-event and in the code-behind you will have to finally include the line as

Button2.Focus();

This is what for which Focus is destined.

If you still have any concerns,can you please confirm if clicking on the panel and getting focus on the button was your requirement or were you just playing to have a feel of the Focus's behavior?

HTH

Regards
Rajeev

Please vote and mark answer as accepted if this helps you