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!
Input Field Highlighting
-
- 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:
- 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
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.
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.
-
- 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
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
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
- 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
No. You will not see anything in the designer. The CSS will apply when the application is running.
-
- 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
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
Re: Input Field Highlighting
Rick,
I took a quick look at the screendump you sent over. Can you try adding the following to your CSS file?
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;
}
-
- 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
This did it Brian. Thanks!
Who is online
Users browsing this forum: Google [Bot] and 0 guests