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!