Jump to content

css question


jahlxx
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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;
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...