Loading...
 
page id: 819 Show case of how to use the plugin jquery to conditionally hide or display some fields in a form Profile project/idea >  Needs a bit more code to be just nice Profiles >  state >  beta Profiles >  type >  Learning profile (to show off feature) Profiles >  type >  Available in the Profiles Wizard (12+)

Conditional_Display_in_Forms

Show case of how to use the plugin jquery to conditionally hide or display some fields in a form

To be continued.... In the mean time, see this:

YAML
preferences:
  feature_trackers: y
  feature_user_watches: y 
  feature_syntax_highlighter: y
  feature_syntax_highlighter_theme: default
  feature_breadcrumbs: y
  trackerfield_dropdownother: y
  trackerfield_math: y
  trackerfield_autoincrement: y
  wikiplugin_jq: y
  instructions: Profile_CDF_instructions_page
objects:
  -
    type: tracker
    ref: cdf
    data:
      name: Conditional Display in Forms
      description: Some fields will be shown/hidden based in selections in previous fields
      default_status: open
      list_default_status: opc
      restrict_end: 0
      section_format: flat
      restrict_start: 0
      show: [ status, creation_date, modification_date, list_modification_date ]
      allow: [ comments, attachments ]
  - 
    type: tracker_field
    ref: cdf_id
    data: 
      name: '#Id'
      permname: id
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        start: 1
        prepend: '#'
      type: auto_increment
      order: 20
      flags: 
        - list
        - searchable
        - public
        - mandatory
  - 
    type: tracker_field
    ref: cdf_campText
    data: 
      name: Title of item (as a Text field)
      permname: campText
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        samerow: 1
        size: 80
        max: 100
        autocomplete: y
        exact: n
      type: text_field
      order: 30
      flags: 
        - link
        - list
        - searchable
        - public
        - mandatory
  - 
    type: tracker_field
    ref: cdf_header
    data: 
      name: Header
      permname: header
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        level: 1
        toggle: o
      type: header
      order: 40
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_usuari
    data: 
      name: User field
      permname: usuari
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        autoassign: 1
        groupIds: 
          - 0
      type: user
      order: 50
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campRadioButton
    data: 
      name: Which is your case?
      permname: campRadioButton
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        options: 
          - 0=Case A
          - 1=Case B
          - 3=Unknown
      type: radio
      order: 60
      flags: 
        - list
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_staticText
    data: 
      name: Case A. Static Text
      permname: staticText
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        wikiparse: 1
        max: 100
      type: static
      order: 70
      description: >
        My ~~red:description~~ as ''__static
        text__'' comes here
      descparsed: y
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_multiSelectCheckboxes
    data: 
      name: Case A. Multiple Selection Checkboxes
      permname: multiSelectCheckboxes
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        options: 
          - 0=foo
          - 1=bar
          - 2=oh yeah
      type: multiselect
      order: 80
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_multiSelectList
    data: 
      name: Case A. Multiple Selection List
      permname: multiSelectList
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        options: 
          - 0=foo
          - 1=bar
          - 2=oh yeah
        inputtype: m
      type: multiselect
      order: 90
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_computedField
    data: 
      name: Case A. Mathematical Calculation field
      permname: computedField
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        calculation: >
          (sub campDatepicker data)
      type: math
      order: 100
      description: |
        Calculation based on a formula: The difference in second between the two dates below
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campNumeric
    data: 
      name: Case B Numeric field
      permname: campNumeric
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        samerow: 1
        size: 20
        dec_point: .
        thousands: ,
      type: numeric
      order: 120
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campDesplegableAmbAltres
    data: 
      name: Case B Dropdown with other field
      permname: campDesplegableAmbAltres
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        options: 
          - 0
          - 1
          - 2
          - 3
      type: dropdown_other
      order: 130
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_data
    data: 
      name: Case B date time field
      permname: data
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        datetime: dt
        startyear: 2001
        endyear: 2016
        blankdate: blank
      type: datetime
      order: 140
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campAreaDeText
    data: 
      name: Case B Text area field
      permname: campAreaDeText
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        toolbars: 1
        width: 80
        height: 5
        max: 10000
        listmax: 200
        distinct: n
        wysiwyg: n
        samerow: 1
      type: text_area
      order: 150
      description: >
        Pots afegir més informació i
        comentaris aquí
      descparsed: y
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campDatepicker
    data: 
      name: Case B datepicker field
      permname: campDatepicker
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        datetime: dt
      type: calendar
      order: 160
      flags: 
        - searchable
        - public
  - 
    type: tracker_field
    ref: cdf_campDesplegable
    data: 
      name: Common Drop down field
      permname: campDesplegable
      tracker: $Conditional_Display_in_Forms:cdf
      options: 
        options: 
          - 1
          - 2
          - 2
          - 3
      type: dropdown
      order: 200
      description: for all cases (A, B or unknown)
      flags: 
        - searchable
        - public


Sample data


YAML
objects:
 -
  type: tracker_item
  ref: item_001
  data:
   tracker: $Conditional_Display_in_Forms:cdf
   status: open
   values:
    - [ $Conditional_Display_in_Forms:cdf_campText, Sample issue 1 ]
    - [ $Conditional_Display_in_Forms:cdf_data,  D(+2 hours)  ]
    - [ $Conditional_Display_in_Forms:cdf_campDatepicker,  D(+22 hours)  ]
 -
  type: tracker_item
  ref: item_002
  data:
   tracker: $Conditional_Display_in_Forms:cdf
   status: pending
   values:
    - [ $Conditional_Display_in_Forms:cdf_campText, Sample issue 2 ]
    - [ $Conditional_Display_in_Forms:cdf_data,  D(+1 hours)  ]
    - [ $Conditional_Display_in_Forms:cdf_campDatepicker,  D(+5 hours)  ]


Modules

YAML
objects:
 -
  type: module
  ref: module_last_tracker_items
  data:
   name: last_tracker_items
   groups: [ Anonymous, Registered ]
   position: left
   order: 5
   params:
    trackerId: $Conditional_Display_in_Forms:cdf
    fieldId: $Conditional_Display_in_Forms:cdf_campText
    name: Title
 -
  type: module
  ref: module_breadcrumbs
  data:
   name: breadcrumbs
   groups: [ Anonymous, Registered ]
   position: pagetop
   order: 9
   params:
    title: Site location
    nobox: y
    decorations: n
    notitle: n
    style: tiki-top
 -
  type: module
  ref: module_breadcrumb_last_visited_pages
  data:
   name: breadcrumb
   groups: [ Anonymous, Registered ]
   position: left
   order: 14
   params:
    maxlen: 25



Add a form to a wiki page


This will include: Profile_CDF_instructions_page

YAML
instructions: CDF instructions
preferences:
  enable: [ feature_wiki ]
objects:
  -
    type: wiki_page
    ref:  cdf_page
    data:
      name: CDF instructions
      description: How the profile Conditional Display in Forms (CDF) works
      lang: en
      content: wikicontent:Profile_CDF_instructions_page