This page was used to develop the hex data fields needed for color specifications.
There are 2 lines
The basic test can be performed in either hex field - valid values are from 00 to FF
- They each contain an mcNumber field and an mcUIHexByte field
- the class names are case sensitive
- In the first line, the fields are independent
In the second, they are connected
(sync has the id of a number field)
- changes to the hex value will automatically change the value of the decimal field
- The mcUIHexByte values can be modified using
- The keyboard - type hex values, 0 to 9 and A thru F
- The Mouse Wheel
- The Up/Down arrow keys
- The Shift key affects which digit is modified by the Mouse Wheel and arrow keys
In the second row, the number and hex fields are connected -
any change in the hex value should be automatically converted to decimal and displayed
in the associated numeric field.
Numbers entered in the decimal field are not automatically displayed in the hex field.
- Using the keyboard, verify that values from 0 to 9 and from A to F can be entered
- Verify that values from A to f are not case sensitive and are automatically converted to upper case
- Verify that when a value larger than FF is entered, the value is automatically changed to FF
- Use the mouse wheel to change the value
- Verify that the values change from zero to F, and that they roll over correctly
when increasing and decreasing
- Press the shift key and verify that the upper most digit changes
- Use the Up and Down arrow keys to change the values
- Verify that the shift key causes the upper most digit to change.
- Verify that backspace and delete work as expected
- Press numlock and verify that the number keys work
- Verify that none of the other keys has any effect
- In the connected hex field, type 20 - that should display 32 in the
associated mcNumber field
- Use the mouse wheel, the value in the connected field should change
- Use the arrow keys, the value in the connected field should change
To use a hex control, add the follow head section.
Hex byte field code example - class is case sensitive, sync points to a number field.
<input type="text" class="mcUIHexByte" id="mc2ABC" size=1 value=28 sync="mc2ABCd">