jahlxx Posted October 7, 2016 Share Posted October 7, 2016 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 More sharing options...
Sherzod Posted October 7, 2016 Share Posted October 7, 2016 Hi, Try this: http://www.w3schools.com/cssref/sel_focus.asp Best regards. Link to comment Share on other sites More sharing options...
jahlxx Posted October 7, 2016 Author Share Posted October 7, 2016 perfect !! the only problem I see is that affects to menuitems too. Link to comment Share on other sites More sharing options...
Sherzod Posted October 7, 2016 Share Posted October 7, 2016 Can you provide a screenshot for this ?! Link to comment Share on other sites More sharing options...
jahlxx Posted October 7, 2016 Author Share Posted October 7, 2016 sorry. is ok. thanks. Link to comment Share on other sites More sharing options...
jahlxx Posted October 7, 2016 Author Share Posted October 7, 2016 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 Link to comment Share on other sites More sharing options...
jahlxx Posted October 8, 2016 Author Share Posted October 8, 2016 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. Link to comment Share on other sites More sharing options...
Sherzod Posted October 8, 2016 Share Posted October 8, 2016 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. Link to comment Share on other sites More sharing options...
jahlxx Posted October 8, 2016 Author Share Posted October 8, 2016 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 More sharing options...
jahlxx Posted October 8, 2016 Author Share Posted October 8, 2016 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. Link to comment Share on other sites More sharing options...
Sherzod Posted October 8, 2016 Share Posted October 8, 2016 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 More sharing options...
jahlxx Posted October 8, 2016 Author Share Posted October 8, 2016 yes, works, but need to do in every form around the app. but works, thanks. Link to comment Share on other sites More sharing options...
jahlxx Posted October 13, 2016 Author Share Posted October 13, 2016 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 More sharing options...
Oliver Morsch Posted October 13, 2016 Share Posted October 13, 2016 Try .x-btn { border-color: #86CD31; } Link to comment Share on other sites More sharing options...
jahlxx Posted October 13, 2016 Author Share Posted October 13, 2016 I answer myself. Not use .x-btn-button USE: .x-btn Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now