quick one: onblur

retroviz · February 5th, 2008, 08:27 PM

Just a quick one.

TBH uses the onblur event to high light the textbox control that currently has focus.

Just found that if I set the BackColor of my textboxes in a skin file that this does not work.

Anyone else found this?

For my highlight I only want to change the border properties of the text box, not the background.

Tried:

.highlight {
border-color: #000000;
border-width: 2px;
}

but this does not work.

Any ideas? Not major but would be nice to get working.

Thanks,

Retro

Scott663 · February 5th, 2008, 10:57 PM

The problem is that the SetInputControlsHighlight sub in Helpers.vb does not restore original CssClass in the onblur event.

Replace this line:

Code:

wctl.Attributes.Add("onblur", "this.className = '';")

With this code:

Code:

wctl.Attributes.Add("onblur", String.Format("this.className = '{0}';", wctl.CssClass)) 'FIX: restores control's original style

retroviz · February 6th, 2008, 05:18 PM

Thanks for the reply. In fact, your fix, fixed a problem I had after I resolved my original problem.

My problem was that my skin file settings (background color, border color etc.) seemed to override any style that this method tried to add.

I overcame this by changing my textbox properties in the skin file to:

<asp:TextBox runat="server" Font-Size="9px" CssClass="textbox"/>

then putting my styles in a css class as below:

.highlight {
    background:#f3f4f3;
    border-color: #5dcf3f;
    border-width: 1px;
    border-style:solid;
}

.textbox /*to enable highlighting skin file points to this class*/
{
    background:#f3f4f3;
    border-color:#e7e7e6;
    border-width:1px;
    border-style:solid;
}

and also adding your fix above for the helpers file so that on lost focus the controls revert back to their original style.

I now get my simple "Apple Stylee" textboxes with a thin lime green border when you highlight them.

Many thanks,

Retro