Page 1 of 1
Input Field Highlighting
Posted: Tue May 05, 2015 9:32 am
by rasaro
When using Genie, for non-converted DDS screens, the input fields are slightly highlighted where the cursor is located. As I tab around or click in different fields the highlighting is moved to that field.
Is there a way to do this when converting DDS screens? Is it a global change?
Thanks!
Re: Input Field Highlighting
Posted: Tue May 05, 2015 10:08 am
by Brian
Hi Rick,
The easiest way to accomplish this would be to use a little bit of CSS. For a converted screen, look at your textboxes and find the CSS class used. For example, in the Hybrid conversion theme, the CSS class is "hybrid-input".
Once you have this, you can use the following CSS in your CSS file to accomplish what you want
hybrid-input:focus {
background: #ffffdd;
}
Of course you can change the color used, but the example above is the default we use in Genie, I believe.
Re: Input Field Highlighting
Posted: Wed May 06, 2015 6:52 am
by rasaro
Brian,
I tried this change and it is not working for me. After I convert a DDS screen I am not seeing anything different.
Shouldn't I see this code in the focus property in the Visual Designer when I convert a screen?
Thanks, Rick
Re: Input Field Highlighting
Posted: Wed May 06, 2015 8:56 am
by Brian
No. You will not see anything in the designer. The CSS will apply when the application is running.
Re: Input Field Highlighting
Posted: Wed May 06, 2015 12:54 pm
by rasaro
Still not working Brian. I saved and recompiled my converted DDS screen and it is still not working. Here is the job dump.
Re: Input Field Highlighting
Posted: Wed May 06, 2015 1:47 pm
by Scott Wagers
Rick,
I took a quick look at the screendump you sent over. Can you try adding the following to your CSS file?
Code: Select all
INPUT.hybrid-input:focus {
background: #ffffdd;
background-image: none;
}
Re: Input Field Highlighting
Posted: Wed May 06, 2015 2:38 pm
by rasaro
This did it Brian. Thanks!