Input Field Highlighting

Use this board to ask questions or have discussions with other Genie users.
Post Reply
rasaro
Profound User
Posts: 60
Joined: Tue Mar 17, 2015 12:48 pm
First Name: Rick
Last Name: Asaro
Company Name: MISD
Country: United States
Contact:

Input Field Highlighting

Post 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!
User avatar
Brian
Profound Logic Staff Member
Posts: 286
Joined: Thu Apr 14, 2011 10:23 am
First Name: Brian
Last Name: May
Company Name: Profound Logic Software
Contact:

Re: Input Field Highlighting

Post 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.
rasaro
Profound User
Posts: 60
Joined: Tue Mar 17, 2015 12:48 pm
First Name: Rick
Last Name: Asaro
Company Name: MISD
Country: United States
Contact:

Re: Input Field Highlighting

Post 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
User avatar
Brian
Profound Logic Staff Member
Posts: 286
Joined: Thu Apr 14, 2011 10:23 am
First Name: Brian
Last Name: May
Company Name: Profound Logic Software
Contact:

Re: Input Field Highlighting

Post by Brian »

No. You will not see anything in the designer. The CSS will apply when the application is running.
rasaro
Profound User
Posts: 60
Joined: Tue Mar 17, 2015 12:48 pm
First Name: Rick
Last Name: Asaro
Company Name: MISD
Country: United States
Contact:

Re: Input Field Highlighting

Post 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.
Attachments
json (7).txt
(20.38 KiB) Downloaded 95 times
Scott Wagers

Re: Input Field Highlighting

Post 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;
}
rasaro
Profound User
Posts: 60
Joined: Tue Mar 17, 2015 12:48 pm
First Name: Rick
Last Name: Asaro
Company Name: MISD
Country: United States
Contact:

Re: Input Field Highlighting

Post by rasaro »

This did it Brian. Thanks!
Post Reply

Who is online

Users browsing this forum: Google [Bot] and 0 guests