Skip to content
Snippets Groups Projects
Select Git revision
  • develop default
  • F20931-inotify-service-file
  • B13659-Sanatize-class-for-reserved-keyword-in-report
  • F11523-Dynamic-Update-Upload-Element
  • F7660_imap
  • F12603-Select-Radio-Checkbox-Presistent-Value
  • S20463-V-Store-not-updated-after-form-save
  • B18601-typeahead-sanatize-applied-to-value
  • F8044-Transactions
  • B16994-Stacktrace-in-QFQ-error-message
  • F20741-trigger-script
  • F20249_remove_AbstractBuildForm_and_BuildFormBootstrap
  • selenium-nov
  • F17481_BS_Modal_window
  • F8962-Allow-for-duplicate-form-names
  • F12532-view-sip-in-Browser-consol-log
  • F14869GenericBackButton
  • F18314_custom_progress_timelines
  • F16849-restrict-sender-addresses
  • master protected
  • v24.12.0
  • v24.10.0
  • v24.7.0
  • v24.5.1
  • v24.5.0
  • v24.3.0
  • test-alfred20
  • v23.10.1
  • v23.10.0
  • v23.6.4
  • v23.6.3
  • v23.6.2
  • v23.6.1
  • v23.6.0
  • v23.3.1
  • v23.3.0
  • v23.2.0
  • v23.1.1
  • v23.1.0
  • v22.12.1
40 results
Blame Permalink
HTML.md 1.61 KiB

HTML

This document explains the HTML markup used by QFQ.

Hooks

Hooks are used on the Client to gather information required for asynchronous requests and to add predefined event handlers to HTML Elements.

form.data-toggle="validator"

Adding the attribute data-toggle="validator" to a <form> element, enables the Bootstrap Validator on that HTML Form.

.data-sip

Asynchronous requests require to pass a SID to the Server. Elements triggering an asynchronous request, may gather the SIP from the data-sip attribute assigned to the HTML Form Element.

.class="record-delete"

HTML Form Buttons having the class record-delete set, will get an onclick handler attached by QfqNS.QfqRecordList. Each <button> also requires an data-sip attribute.

.data-load=""

HTML Form Elements having the attribute data-load, will trigger a call to api/load.php upon change.

id="save-button"

id="close-button"

id="delete-button"

id="form-new-button"

Typeahead

Typeahead capable text input elements will be defined by the following attributes:

.class='qfq-typeahead'

.data-typeahead-sip

The SIP will store:

Use with SQL: typeAheadSql

Use with LDAP: typeAheadLdap

  • ldapServer
  • ldapBaseDn
  • typeAheadLdapSearch
  • typeAheadLdapValuePrintf
  • typeAheadLdapKeyPrintf

.data-typeahead-limit

  • Defines the limit of entries shown on the client. Default on client is 5. The server will always send a value. The server default is 20.

.data-typeahead-minlength

  • Defines the string minlegth, typed by the user, before the first lookup is started. Default is 2.