| 1 |
// $Id: README.txt,v 1.00 2007/10/29 19:43:31 bwong Exp $
|
| 2 |
|
| 3 |
OVERVIEW
|
| 4 |
|
| 5 |
The views_popup module adds popup style support for a Views List View.
|
| 6 |
This version is actually listed as "List View as Popup". This module
|
| 7 |
requires the Views module.
|
| 8 |
|
| 9 |
|
| 10 |
INSTALLING VIEWS
|
| 11 |
|
| 12 |
The views_popup module is installed simply by activating the module.
|
| 13 |
|
| 14 |
|
| 15 |
DOCUMENTATION
|
| 16 |
|
| 17 |
Create or open a view. Select "List Views as Popup" in the View Type
|
| 18 |
combo box in either the Page or Block sections. Select one or more fields
|
| 19 |
in the Fields section. The first field will be shown in the view but the
|
| 20 |
remaining fields will be hidden. Moving the cursor over the first field
|
| 21 |
will cause the hidden block of fields to be presented after a delay.
|
| 22 |
|
| 23 |
The popup is implemented using Javascript. This allows it to work with
|
| 24 |
most popular web browsers. The default implementation has a half
|
| 25 |
second delay before the first popup is displayed. This allows a user
|
| 26 |
to quickly move the mouse over the fields and not showing the popups
|
| 27 |
until the cursor sits atop a field for a little time. There is also
|
| 28 |
a delay for turning this off since the delay time is set to 0 after
|
| 29 |
a popup is displayed. This allows the user to scroll down a list of
|
| 30 |
fields and view each of the popups as necessary.
|
| 31 |
|
| 32 |
The delays (in milliseconds) can be edited in the javascript.
|
| 33 |
|
| 34 |
|
| 35 |
|
| 36 |
Note regarding Panels module
|
| 37 |
The Panels modules includes a CSS file that includes a number
|
| 38 |
of overflow definitions that will clip popup windows to the
|
| 39 |
interior of a panel. Including the following in a CSS file
|
| 40 |
after the Panels CSS file will override those definitions.
|
| 41 |
|
| 42 |
/* panel overflow fix */
|
| 43 |
|
| 44 |
.panel-flexible {
|
| 45 |
overflow: visible;
|
| 46 |
}
|
| 47 |
|
| 48 |
.panel-1col {
|
| 49 |
overflow: visible;
|
| 50 |
}
|
| 51 |
|
| 52 |
.panel-2col {
|
| 53 |
overflow: visible;
|
| 54 |
}
|
| 55 |
|
| 56 |
.panel-2col-stacked {
|
| 57 |
overflow: visible;
|
| 58 |
}
|
| 59 |
|
| 60 |
.panel-3col {
|
| 61 |
overflow: visible;
|
| 62 |
}
|
| 63 |
|
| 64 |
.panel-3col-33 {
|
| 65 |
overflow: visible;
|
| 66 |
}
|
| 67 |
|
| 68 |
.panel-3col-33-stacked {
|
| 69 |
overflow: visible;
|
| 70 |
}
|
| 71 |
|
| 72 |
|