Subscribe for automatic updates: RSS icon RSS

Login icon Sign in for full access | Help icon Help
Advanced search

Pages: [1]
  Reply  |  Print  
Author Topic: Feature Request - Better highlighting of CHECKBOX when it has focus.  (Read 8201 times)
Bryce S.
Posts: 52


« on: July 16, 2009, 05:07:23 am »

Hi,

When a checkbox has focus would it be possible to give it a bit of surrounding colour or something to make it stand out as having focus like all other fields have.
 Have had a couple of users mention they can't tell where they are on the form once the focus goes to a checkbox.
Here's a couple of screen shots to highlight issue:

input - checkbox without focus.jpg
input - checkbox with focus.jpg

You have to look really close to see the difference.
Worse is in an input array (without row highlighting):

InputArray-which_checkbox_has_focus.jpg




* InputArray-which_checkbox_has_focus.jpg (18.95 KB, 334x311 - viewed 1338 times.)
Bryce S.
Posts: 52


« Reply #1 on: July 16, 2009, 05:17:11 am »

(Woops - that got away on me before I had finished ... I'll try again.)

Hi,

When a checkbox has focus would it be possible to give it a bit of surrounding colour or something to make it stand out as having focus like all other fields have.
 Have had a couple of users mention they can't tell where they are on the form once the focus goes to a checkbox.
Here's a couple of screen shots to highlight issue:

Input-checkbox_without_focus.jpg


Input-checkbox_with_focus.jpg


You have to look really close to see the difference above.
Worse is in an input array (without row highlighting) below:

InputArray-which_checkbox_has_focus.jpg

tip: the row beside 'todd mitchell' has focus - when you switch back and forth you can see checkbox moves down one pixel but it is not really obvious to users.

Thanks,
  Bryce Stenberg
  IT Department
  Harness Racing New Zealand Inc.



* Input-checkbox_with_focus.jpg (8.98 KB, 332x170 - viewed 1392 times.)

* Input-checkbox_without_focus.jpg (7.93 KB, 319x171 - viewed 1352 times.)

* InputArray-which_checkbox_has_focus.jpg (18.95 KB, 334x311 - viewed 1376 times.)
Reuben B.
Four Js
Posts: 1049


« Reply #2 on: July 16, 2009, 05:22:15 am »

Hi Bryce,

I had the same feedback from users when I was at Quanta. 

With checkboxes we preferred the field prompts to be on the left so typically the text attribute was blank.  Hence our standard was TEXT="   " to make the border rectangle bigger and hence try and make the checkbox stand out.

But even that wasn't enough.  Then when pseudo styles came along I added something like this to the .4st style file. 

  <Style name="CheckBox:focus">
     <StyleAttribute name="backgroundColor" value="highlight" />
     <StyleAttribute name="textColor" value="highlightText" />
  </Style>

I think we even did the same for radiogroups.


Product Consultant (Asia Pacific)
Developer Relations Manager (Worldwide)
Author of https://4js.com/ask-reuben
Contributor to https://github.com/FourjsGenero
Bryce S.
Posts: 52


« Reply #3 on: July 16, 2009, 06:17:32 am »

Thanks Reuben,

I've added that style to all our default.4st files. Works a treat.

Regards,
  Bryce.
Pages: [1]
  Reply  |  Print  
 
Jump to:  

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines