Input Field Highlighting

[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!

[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.

[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

[Brian]

No. You will not see anything in the designer. The CSS will apply when the application is running.

[rasaro]

Still not working Brian. I saved and recompiled my converted DDS screen and it is still not working. Here is the job dump.

[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;
}

[rasaro]

This did it Brian. Thanks!