TagLib
Reference
tag libraries
Jaffa Tags
widgets
  • buttons
  • check box
  • date/time editbox
  • drop down
  • editbox
  • grid
  • image
  • label
  • lookup
  • radio button
  • table
  • text field
  • user grid
  • Layout Controls
  • folding section
  • Guards
  • component guard
  • function guard
  • Page Controls
  • header
  • form
  • footer
  • raise errors
  • Other Tags
    Struts
  • html
  • logic
  • bean
  • util
  • template
  • digester
  • JSTL
  • Sun Site
  • Taglibs
  • reference
  • widgets/drop down
    <Portlet:DropDown . . . compatability
     
    Overview
    1. Dropdown
     
    Sample
    <Portlet:DropDown field="fieldLinkedToCCAndCached">

    <Portlet:DropDownOption value="FLTCCACValue1" label="Value1"/>

    <Portlet:DropDownOption value="FLTCCACValue2" label="Value2"/>

    <Portlet:DropDownOption value="FLTCCACValue1" label="Value3"/>

    </Portlet:DropDown>
     
    General Attributes for Drop Down Tags
    Attribute Name Mandatory/Optional Description
    field Mandatory Name of associated getter and setter on form bean
    min Mandatory Minimum number of options to display when dropping down. If more options are availble by default a scrollbar is used.
     
    General Attributes for Drop Down Option Tags
    Attribute Name Mandatory/Optional Description
    label Mandatory Label of dropdown option
    value Mandatory Value of dropdown option
     
    Events
    Event Name Description
    No Events
     
    General Comments

    Because of the fact that IE uses active x controls for its drop downs .. it is not possible to position a layer over a drop down. To get round this problem when the popup for the calender we hide all the drop downs in a screen while the popup is displayed.

     
    Drop Down top

    Overview

    This widget will creates a HTML drop down (jump menu) on a screen.

     

    In Browser

    JSP Code

    <Portlet:DropDown field="fieldLinkedToCCAndCached">

    <Portlet:DropDownOption value="FLTCCACValue1" label="Value1"/>

    <Portlet:DropDownOption value="FLTCCACValue2" label="Value2"/>

    <Portlet:DropDownOption value="FLTCCACValue1" label="Value3"/>

    </Portlet:DropDown>

    How they work

    By defining DropDownOptions within the DropDownTag you can create a dropdown in HTML. You can substitute tokens within the label attribute. You can also only define the DropDown tag and populte the dropdown options from the form bean.

     
    Controlling the widget CSS top

    Controlling the look of the Dropdown by CSS

    The drop down widget's corresponding CSS can be found at 'source/html/jaffa/css/widgets/dropdown.css'. This CSS allows you to change these two elements option and select.



    index.html, Last Modified 28-Jun-2003 at 04:14:10pm