Q: How to eliminate selection rectangle on ImageButton?

Tyrant Mikey · Jan 26, 2005

I don't know if this can even be done, but I'd REALLY like to eliminate
the selection rectangle that appears around my ImageButton controls
when the user clicks on them. The buttons are on a black background,
and the selection rectangle looks like complete crap.
Any suggestions are greatly appreciated!!

Thanks!

teknohippy · Jan 26, 2005

I don't know if this can even be done, but I'd REALLY like to eliminate
the selection rectangle that appears around my ImageButton controls
when the user clicks on them. The buttons are on a black background,
and the selection rectangle looks like complete crap.
Any suggestions are greatly appreciated!!

Thanks!

Do you have a URL example to look at?

I

Tyrant Mikey · Jan 26, 2005

No, I don't have a sample, really. What I've got, though is pretty
straightforward.

I have an ASP.NET page. There's an ImageButton control on it, with a
Windows bitmap loaded into it (the images contain text, and they look
much better as BMPs then JPGs or GIFs). The images are are rounded
buttons, set against a black background. The page looks great, right up
until the user clicks on the button. At that point, the focus rectangle
appears on the control, and ruins the visual consistency of my page (a
white dotted rectangle forms around a capsule-shaped button).

What I'd like to do is hide the selection/focus rectangle on the image
buttons if possible.

If it can't be done, I'll just have to accept that. But it sure would
be nice to be able to get rid of it.

Tyrant Mikey · Jan 26, 2005

Actually I just uploaded a snapshot of the problem:
http://img.photobucket.com/albums/v369/TyrantMikey/Focusrectangle.bmp

The snapshot is only a small portion of the screen due to the NDA.
However, it clearly shows an image button with a garish focus rectangle
around it. I'd REALLY like to eliminate the focus rectangle.

Thanks!

Ken Cox [Microsoft MVP] · Jan 26, 2005

That looks like something the browser puts on the screen when the control
has the focus.

MWells · Jan 26, 2005

If there is a way to suppress the focus, it will most likely be part of CSS.
I'd hunt there first, especially the IE-specific CSS documentation as there
may be a custom attribute for this.

Meanwhile, while googling on "disable focus rectangle css", I stumbled
across this;
http://www.faqts.com/knowledge_base/view.phtml/aid/5693/fid/53
It seems to be a javascript approach to your problem.

Also see;
http://nowhere.2entwine.com/archives/000127.html
http://www.webdesignforums.net/archive/index.php/t-4728.html
http://www.projectseven.com/extensions/info/remscrub/

/// M

teknohippy · Jan 27, 2005

Actually I just uploaded a snapshot of the problem:
http://img.photobucket.com/albums/v369/TyrantMikey/Focusrectangle.bmp

The snapshot is only a small portion of the screen due to the NDA.
However, it clearly shows an image button with a garish focus rectangle
around it. I'd REALLY like to eliminate the focus rectangle.

Thanks!

I'd be interested to see the relevant snippet of rendered HTML from
the browsers View Sourcey whotsit.

Tyrant Mikey · Jan 27, 2005

Oila!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

</HEAD>
<BODY ms_positioning="GridLayout">

<form name="Form1" method="post" action="defaultpage.aspx" id="Form1"
__smartNavEnabled="true">


<input type="image" name="btnProceed" id="btnProceed"
src="images/button_proceed.bmp" alt="" border="0" style="Z-INDEX: 106;
LEFT: 336px; POSITION: absolute; TOP: 472px" />
</form>
</BODY>
</HTML>

alanl2 · Feb 5, 2005

Tyrant said:
*I don't know if this can even be done, but I'd REALLY like to
eliminate
the selection rectangle that appears around my ImageButton controls
when the user clicks on them. The buttons are on a black background,
and the selection rectangle looks like complete crap.
Any suggestions are greatly appreciated!!

Thanks! *

Hey Tyrant,
Have you found a fix for this yet. I strugled with the same thing for a
couple of hours before I tried this.

MyImageButton.Attributes.Add("onFocus", "this.blur();")

I have this in the page load event of my vb code behind page, works
great!
Good Luck
Alan

Tyrant Mikey · Feb 7, 2005

Nope, I hadn't found a fix for it yet. But I will give this a try. I
wonder if it interferes with the postback...

Thanks for the tip!

Tyrant Mikey · Feb 7, 2005

WOOHOO!!!

That worked beautifully!!

THANK YOU!

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
ImageButton control	3	Jan 22, 2004
how to make imagebutton respond to click but not return key	1	Sep 28, 2005
My JSP/Javascript page looks differently on 2 different machines	0	Aug 30, 2019
how to make imagebutton respond to click but not return key	1	Sep 28, 2005
Focus/selection on RadioButton or RadioButtonList after postback	1	Oct 2, 2007
[BATIK] add link to rectangle in svg document	0	Sep 4, 2004
How to set focus on TextBox web control for the clicked event of ImageButton.	1	May 21, 2004

Q: How to eliminate selection rectangle on ImageButton?

Tyrant Mikey

teknohippy

Tyrant Mikey

Tyrant Mikey

Ken Cox [Microsoft MVP]

MWells

teknohippy

Tyrant Mikey

alanl2

Tyrant Mikey

Tyrant Mikey

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads