css question

[jahlxx]

hi.

 

now, in my project, in every input element (edit, date, numberedit, etc.), I define the onenter and onexit events, to change the color for the element that is focused. this is very appreciated for my users, they know where they are quickly.

 

is possible to do this via custom css for not have to write code for these events for every input?

 

in vcl apps I didn't found the way to do it. but with unigui I think it could be easier using custom css o something like it.

 

any idea?

 

thanks.

[Sherzod]

Hi,

 

Try this:

http://www.w3schools.com/cssref/sel_focus.asp

 

Best regards.

[jahlxx]

perfect !!

 

the only problem I see is that affects to menuitems too.

[Sherzod]

Can you provide a screenshot for this ?!

[jahlxx]

sorry.

 

is ok.

 

thanks.

[jahlxx]

and horiz. and vertical lines inside the grids, is possible change the width?

 

in other grids for vcl, comes as a property, but can't find here

[jahlxx]

hi,

 

if I do this in custom css:

 

.x-grid-td {
   border-width: 1;
   border-color: black;
}

 

it workd, but darw a border in unitreeview.

 

I don't know how to isolate grids only.

 

any idea?

 

thanks.

[Sherzod]

Hi,

 

Can you try this?:

.x-grid-with-row-lines .x-grid-td {
    border-bottom-width: 3px;
}

.x-grid-with-col-lines .x-grid-cell {
    border-right-width: 3px;
}

Best regards.

[jahlxx]

ok.

 

with your code, I loose the "pager" on the bottom of the grid.

 

with this, not.

 

.x-grid-with-row-lines .x-grid-td {
   border-width: 1;
   border-color: black;
}

.x-grid-with-col-lines .x-grid-cell {
   border-width: 1;
   border-color: black;
}
 

 

is correct?

[jahlxx]

backing to my first, question, and select all text on focus?

 

I have been reviewing the link in the firdt qnswer, but can't find anything, about this, only this.select(), but doesn't work.

 

thanks.

[Sherzod]

backing to my first, question, and select all text on focus?

 

Hi,

 

For example for MainForm:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  UniSession.AddJS('$(document).ready(function(){$(".x-form-field").focus(function(){this.select()})})');
end;

[jahlxx]

yes, works, but need to do in every form around the app.

 

but works, thanks.

[jahlxx]

Other question about css.

 

In customcss in servermodule, I have:

 

.x-btn-button {
    background: #86CD31;
}

 

this change the color of buttins, but I can't find how to change the border color of buttons.

 

I've tested with border, border-color, but donf works.

 

I need to put the border in the same color, or not put any border.

 

any idea?

 

Thanks.

[Oliver Morsch]

Try

 

.x-btn {

    border-color: #86CD31;

}

[jahlxx]

I answer myself.

 

Not use .x-btn-button

 

USE: .x-btn