color on focus

[jahlxx]

Hi.

 

How can I change the color of a uniedit con focus and on lost focus?

 

In vcl app, I rewrite in run time the onenter and onexit procedure, but not in every edit component, I have a procedure that rewrites these pocedures on the edt's when the form is created or showed.

 

[Sherzod]

Hi,

 

Can you try this ?:

procedure TMainForm.UniEdit1Enter(Sender: TObject);
begin
  UniEdit1.Color := clLime
end;

procedure TMainForm.UniEdit1Exit(Sender: TObject);
begin
  UniEdit1.Color := clWhite
end;

Best regards

[bugra]

Hi

 

First change uniEdit's color property.

 

Then in ClientEvent find mouseover event and add this for focus

function mouseover(sender, eOpts)
{
document.getElementById(sender.getInputId( )).style.backgroundColor = "lightblue";
document.getElementById(sender.getInputId( )).style.color = "#FF0000";

}

and add this for lost focus

function mouseout(sender, eOpts)
{
document.getElementById(sender.getInputId( )).style.backgroundColor = "#ffffff";
document.getElementById(sender.getInputId( )).style.color = "#000000";
}

[jahlxx]

ok, but with these two solutions, I must to write the events for every uniedit.

 

In vcl applications, I have only one procedure that rewrite these events in runtime, for every edit in the application, without write the events for every edit.

 

 

Thanks.

[bugra]

Try this

procedure TMainForm.UniFormCreate(Sender: TObject);
var
 i:Integer;
begin
 for i := ComponentCount - 1 downto 0 do
 begin
   if Components[i] is TUniEdit then
   begin
     (Components[i] as TUniEdit).Color := clWhite;
     (Components[i] as TUniEdit).ClientEvents.ExtEvents.Values['mouseout']:='function mouseout(sender, eOpts)'+
     '{  document.getElementById(sender.getInputId( )).style.backgroundColor = "#ffffff";'+
     '  document.getElementById(sender.getInputId( )).style.color = "#000000";}';

     (Components[i] as TUniEdit).ClientEvents.ExtEvents.Values['mouseover']:='function mouseout(sender, eOpts)'+
     '{  document.getElementById(sender.getInputId( )).style.backgroundColor = "lightblue";'+
     '  document.getElementById(sender.getInputId( )).style.color = "#FF0000";}';
   end;
 end;
end;

[jahlxx]

ok.

 

it partially works.

 

I use your code, but instead of "mouseover",  I use "focus", and works.

 

But I can't find mand event for when lost focus.

[Sherzod]

ok.

 

it partially works.

 

I use your code, but instead of "mouseover",  I use "focus", and works.

 

But I can't find mand event for when lost focus.

 

Hi,

 

You can use "blur" event

 

Best regards.

[jahlxx]

ok.

 

it works.

 

thanks.