Finishing the Layout Customizer

Anastasia Cheetham a.cheetham at utoronto.ca
Wed May 14 13:10:54 UTC 2008


On 14-May-08, at 12:21 AM, Erin Yu wrote:

>
> On 13-May-08, at 7:33 PM, Daphne Ogle wrote:
>
>> - is the keyboard interaction specified anywhere?   I was looking
>> for it earlier and couldn't find it.
>>
> On the demo page:
> http://build.fluidproject.org/sakai-imagegallery-tool/fluid-components/html/Lightbox.html
> it states:
> "To use the keyboard:
> Select an image using i, k, m or j, or the arrow keys.
> View an image by pressing Enter.
> Move an image using CTRL + a direction key."

This is right on: the keyboard interaction is the same as the keyboard  
interaction of the Lightbox, since both use the same underlying  
Reorderer. The Reorderer allows the keystrokes to be customized, but  
the ones Erin described are the default sets.

The use of Ctrl+arrow keys is defined in the behavioural spec:
http://wiki.fluidproject.org/download/attachments/327783/Lightbox+Behavioral+Spec_5.doc?version=1
(pages 20-21).

>> - we didn't specify a "selected" visual effect for the lightbox.
>> Should we?

The styles currently used are based on the behavioural specification  
(see the link above), page 20.
Were these not the correct specifications?

>> I just went into the demo and it is not easy (almost
>> impossible) to see which thumbnail you are in as you tab (except the
>> titles are part of the sequence and it's a little easier to see when
>> on the title).
> It seems we do have defined "selected" effect.
> If you tab to the items, you will see that the focus is indicated by
> the dark grey outline and light grey fill. The mouse-over focus looks
> slightly different: black outline and no fill (once you click, it then
> shows the grey outline and light grey fill).

This is what I see when I use the Lightbox. In the *portlet* example,  
these styles are not implemented yet - there is only a faint grey  
border to indicated the selected portlet. Is this what you're seeing,  
Daphne?

-- 
Anastasia Cheetham                   a.cheetham at utoronto.ca
Software Designer, Fluid Project    http://fluidproject.org
Adaptive Technology Resource Centre / University of Toronto