Orbeon Forms
  • Getting started
  • Installation
    • Logging
    • Configuration banner
    • Docker
    • Azure
    • Tomcat
    • WildFly
    • WebSphere
    • WebLogic
    • GlassFish
    • Caches
    • Replication
    • Upgrading
  • Configuration
    • Properties
      • General
        • HTTP client
      • Form Runner
        • Detail page
          • Attachments
          • Email properties
          • PDF
          • Table of contents
        • Persistence
        • Summary page
      • Form Builder
      • XForms
    • Advanced
      • Workflows
      • Session management
      • State handling
      • Client-side error handling
      • Clustering and High Availability
      • Configuring a Form Runner eXist database
      • Creating a production WAR
      • Environments
      • JavaScript and CSS assets
      • Limiter filter
      • Run modes
      • Security
        • Content-Security-Policy header
      • SAP Hybris Module
      • XForms logging
    • Troubleshooting
      • Troubleshooting with the orbeon.log
      • Memory and threads
      • Relational database logging
      • Misc
  • Form Builder
    • Form settings
      • Time window
    • Form editor
      • Form area
      • Toolbox
      • Buttons bar
      • Control settings
      • Dependent fields and sections
      • Validation
      • Choices editor
      • Publishing
      • Cut, copy and paste
      • Section and grid settings
      • Section settings
      • Grid settings
      • Quick control search
      • Repeat settings
      • Repeated grids
      • Undo and redo
      • Keyboard shortcuts
    • Formulas
      • Examples of formulas
      • Formulas inspector
      • Formulas console
    • Summary page
    • Form localization
    • Advanced
      • Edit source
      • Services and actions
        • HTTP services
        • Database services
        • Simple Actions
        • Action Syntax
        • Action Syntax examples
        • Synchronizing repeated content
      • Testing a form in web mode
      • Testing PDF production
      • Testing offline functionality
      • Email Settings dialog
      • Field-level encryption
      • Messages
      • Section templates
      • Template syntax
      • XML Schemas support
      • Extensibility
        • Extension API
        • Integration
        • Toolbox component metadata
  • Form Runner
    • Overview
      • Terminology
    • Pages
      • Landing page
      • Published Forms page
      • Forms Admin page
      • Summary page
    • Components
      • Alert dialog
      • Attachment
      • Autocomplete
      • Captcha
      • Character counter
      • Checkbox input
      • Currency
      • Date
      • Dropdown date
      • Static and dynamic dropdown
      • Error summary
      • Grid
      • Handwritten signature
      • Hidden field
      • Image
      • Image annotation
      • Image attachment
      • Number
      • Open selection
      • Repeater
      • Formatted Text / Rich Text Editor
      • Section
      • Single-selection tree
      • Source code editor
      • Time
      • US phone
      • US state
      • Video
      • Video attachment
      • Wizard
      • XForms inspector
      • Yes/No answer
    • Features
      • Automatic calculations dependencies
      • Datasets
      • Excel and XML import
      • Excel and XML export
      • Summary page Excel Export
      • Form definitions and form data Zip Export
      • Purging historical data
      • Lease
      • Localization
      • Supported languages
      • Mobile support
      • Multitenancy
      • Form Runner navigation bar
      • PDF production
        • Automatic PDF
        • Automatic PDF header and footer configuration
        • PDF templates
      • Responsive design
      • Revision history
      • S3 storage
      • Simple data migration
      • TIFF production
      • Versioning
      • Wizard view
      • Workflow stage
    • Persistence
      • Using a relational database
      • Relational database schema
      • Purging old data using SQL
      • Auditing
      • Autosave
      • Database support
      • Flat view
    • Linking and embedding
      • Linking
      • Java Embedding API
      • JavaScript Embedding API
      • Liferay full portlet
      • Liferay proxy portlet
      • Securing Form Runner access
      • Form Runner offline embedding API
      • Angular component
      • React component
    • Access control and permissions
      • Users
      • Login & Logout
      • Deployed forms
      • Form fields
      • Editing forms
      • Owner and group member
      • Organizations
      • Scenarios
      • Token-based permissions
    • Styling
      • CSS
      • Grids CSS
      • Automatic PDF styling and CSS
    • APIs
      • Authentication of server-side service APIs
      • Persistence API
        • CRUD API
        • Search API
        • List form data attachments API
        • Form Metadata API
        • Lease API
        • Reindexing API
        • Caching
        • Versioning
        • Revision History API
        • Zip Export API
        • Custom persistence providers
      • Other APIs
        • Connection context API
        • Duplicate form data API
        • File scan API
        • Form Runner JavaScript API
        • Generate XML Schema API
        • PDF API
        • Publish form definition API
        • Run form in the background API
      • Data formats
        • Form data
        • Date and time
        • Form definition
    • Architecture and integration
      • Architecture
      • Access form data
      • Integration
    • Advanced
      • Buttons and processes
        • Simple process syntax
        • Core actions
        • Form Runner actions
          • Save action
          • Send action
          • Email action
        • XForms actions
        • Predefined buttons, processes and dialogs
        • Summary page buttons and processes
      • Custom dialogs/model logic
      • Services
      • Singleton form
      • Monitoring HTTP requests
  • XForms
    • Core
      • Attribute Value Templates (AVTs)
      • Binds
      • Validation
      • Variables
      • Keyboard focus
      • XForms JavaScript API
      • Error handling
        • Detailed behavior
      • Model-Bind variables
      • XForms 2.0 support
    • Events
      • Standard support
      • UI refresh events
      • Keyboard events
      • Extension events
      • Extension context information
      • Other event extensions
    • Actions
      • Repeat, insert and delete
      • Scripting actions
      • Extensions
    • Controls
      • Label, hint, help
      • Input
      • Output
      • Text area
      • Button
      • Upload
      • Dialog
    • Submission
      • Standard support
      • JSON support
      • Asynchronous submissions
      • Caching extension
      • Other submission extensions
    • XPath
      • Type annotations
      • Expression analysis
      • Tips
      • Compatibility
      • Standard functions
      • Maps and arrays Functions
      • Extension functions
        • Core functions
        • Utility functions
        • Model functions
        • Controls functions
        • XML functions
        • JSON functions
        • HTTP functions
        • Form Runner functions
        • Other functions
        • Deprecated functions
    • XBL components
      • FAQ
      • Guide
        • XBL Tutorial
        • Bindings
        • XForms models
        • Including content
        • Event handling
        • Conventions
        • Map XBL example
        • Learning from existing components
      • Advanced topics
        • XBL Modes
        • JavaScript companion classes
        • XBL library
        • Extensions
        • Attachment controls
    • XForms tutorial
      • Introduction
      • Installation
      • The Hello application
      • The Bookcast application
        • The basic app
        • Database access
        • Polishing the app
        • Adding a feed
    • Using XForms from Java apps
  • XML Platform
    • Page Flow Controller
      • Basics
      • XML submission
      • Navigating between pages
      • Paths and matchers
      • Other configuration elements
      • Typical combinations of page model and page view
      • Examples
      • Authorizing pages and services
    • Processors
      • URL generator
      • Request generator
      • PDF to image converter
    • Resources
      • Resource managers
      • Setting up an external resources directory
    • Other
      • Binary and text documents
  • FAQ
    • Licensing
    • PE and Dev Support
    • Form Builder and Form Runner
    • Resources and support
    • Other technical questions
  • Contributors
    • Automated tests
    • Building Orbeon Forms
    • Localizing Orbeon Forms
    • Validation functions
    • Contributor License Agreement
  • Release notes
    • Orbeon Forms 2022.1.9
    • Orbeon Forms 2024.1.1
    • Orbeon Forms 2023.1.7
    • Orbeon Forms 2024.1
    • Orbeon Forms 2023.1.6
    • Orbeon Forms 2023.1.5
    • Orbeon Forms 2021.1.11
    • Orbeon Forms 2022.1.8
    • Orbeon Forms 2023.1.4
    • Orbeon Forms 2023.1.3
    • Orbeon Forms 2023.1.2
    • Orbeon Forms 2022.1.7
    • Orbeon Forms 2023.1.1
    • Orbeon Forms 2023.1
    • Orbeon Forms 2022.1.6
    • Orbeon Forms 2021.1.10
    • Orbeon Forms 2022.1.5
    • Orbeon Forms 2021.1.9
    • Orbeon Forms 2022.1.4
    • Orbeon Forms 2022.1.3
    • Orbeon Forms 2021.1.8
    • Orbeon Forms 2022.1.2
    • Orbeon Forms 2022.1.1
    • Orbeon Forms 2022.1
    • Orbeon Forms 2021.1.7
    • Orbeon Forms 2021.1.6
    • Orbeon Forms 2021.1.5
    • Orbeon Forms 2021.1.4
    • Orbeon Forms 2021.1.3
    • Orbeon Forms 2021.1.2
    • Orbeon Forms 2021.1.1
    • Orbeon Forms 2021.1
    • Orbeon Forms 2020.1.6
    • Orbeon Forms 2019.2.4
    • Orbeon Forms 2019.1.2
    • Orbeon Forms 2018.2.5
    • Orbeon Forms 2018.1.4
    • Orbeon Forms 2020.1.5
    • Orbeon Forms 2020.1.4
    • Orbeon Forms 2020.1.3
    • Orbeon Forms 2020.1.2
    • Orbeon Forms 2019.2.3
    • Orbeon Forms 2020.1.1
    • Orbeon Forms 2020.1
    • Orbeon Forms 2019.2.2
    • Orbeon Forms 2019.2.1
    • Orbeon Forms 2019.1.1
    • Orbeon Forms 2019.2
    • Orbeon Forms 2019.1
    • Orbeon Forms 2018.2.4
  • Release history
  • Use cases
  • Product roadmap
  • Index of features
Powered by GitBook
On this page
  • Introduction
  • Directory layout
  • Your own components
  • Built-in Form Runner components
  • Binding selectors
  • Introduction
  • Binding by element name
  • Binding by datatype
  • Binding by attribute
  • Binding to elements in the XForms namespace
  • See also
  1. XForms
  2. XBL components
  3. Guide

Bindings

Introduction

An XBL file contains one or more bindings, expressed with the xbl:binding element:

<xbl:xbl
    xmlns:xf="http://www.w3.org/2002/xforms"
    xmlns:acme="http://www.acme.com/xbl"
    xmlns:xbl="http://www.w3.org/ns/xbl">

    <xbl:binding
        id="acme-multi-tool"
        element="acme|multi-tool">

        ...binding definition here...

    </xbl:binding>
</xbl>

The binding:

  • describes the component's markup and behavior

  • determines which XML elements, in the source form, it associates with, in this case elements with qualified name acme:multi-tool.

Directory layout

Your own components

NOTE: This is CSS syntax to express what in XML you would usually refer to as acme:multi-tool. It's just that CSS chose as namespace separator | instead of XML's standard :.

The binding by element name can be split into two parts:

  • acme

    • This is the namespace prefix.

    • The acme namespace prefix maps to the namespace URI http://www.acme.com/xbl via the XML namespace mapping xmlns:acme="http://www.acme.com/xbl".

  • multi-tool: this is the XML element's local name

NOTE: It is up to you to choose a prefix and namespace URI for your project or company. You can then reuse those for a number of component bindings.

So this binding gives us the pair:

  • namespace URI: http://www.acme.com/xbl

  • local name: multi-tool

The http://www.acme.com/xbl namespace URI in turn is the key to a standardized namespace prefix defined in properties:

<property as="xs:string" name="oxf.xforms.xbl.mapping.acme">
    http://www.acme.com/xbl
</property>

This is just another way of defining a mapping between a namespace prefix and a namespace URI, except here we do it in a centralized place so that all components using namespace http://www.acme.com/xbl yield the same prefix, acme.

Now let's see where files are located when an element <acme:multi-tool> is encountered:

  1. Orbeon Forms looks for a property with a name that starts with oxf.xforms.xbl.mapping and with a value equal to the namespace http://www.acme.com/xbl. In this case it finds the property oxf.xforms.xbl.mapping.acme.

  2. The XForms engine extracts the part of the property name after oxf.xforms.xbl.mapping, in this case acme.

  3. This is used to resolve the resource oxf:/xbl/acme/multi-tool/multi-tool.xbl.

    • The first part of the path is always xbl.

    • This is followed by the prefix name, here acme.

    • This is followed by a directory with the same name as the local name of your component, containing an XBL file also with the same name, here multi-tool/multi-tool.xbl.

You place other files, such as CSS and JavaScript files related to the acme|multi-tool component, in the same directory. For example:

  • oxf:/xbl/acme/multi-tool/multi-tool.css

  • oxf:/xbl/acme/multi-tool/multi-tool.js

and so on.

Built-in Form Runner components

All elements in the http://orbeon.org/oxf/xml/form-runner namespace (typically using the prefix fr, short for "Form Runner") are also handled this way, thanks to a mapping defined as follows:

<property as="xs:string" name="oxf.xforms.xbl.mapping.orbeon">
    http://orbeon.org/oxf/xml/form-runner
</property>

For example:

  • <fr:number> is loaded from oxf:/xbl/orbeon/number/number.xbl

  • <fr:section> is loaded from oxf:/xbl/orbeon/section/section.xbl

NOTE: You shouldn't use the fr prefix or the http://orbeon.org/oxf/xml/form-runner namespace URI for your own components.

Binding selectors

Introduction

The element attribute specifies, via one or more CSS selectors, which XML elements, in the source form, it associates with. The following CSS selectors are supported:

  • by element name

  • by element name and XML datatype (Form Builder only)

  • by attribute only [SINCE Orbeon Forms 4.9]

  • by element name and attribute [SINCE Orbeon Forms 4.9]

Binding by element name

The simplest way is to bind by element name:

element="fr|number"

This means that elements called fr:number in the form will use this binding.

Binding by datatype

Form Builder, at design time only (since Orbeon Forms 4.9), also supports bindings by name and XML datatype:

xf|input:xxf-type('xs:decimal')

This must be used on conjunction with a "direct" binding like fr|number:

fr|number, xf|input:xxf-type('xs:decimal')

In this case an input field (xf:input) bound to an xs:decimal or xf:decimal type will be substituted, at design time, with an fr:number binding.

Binding by attribute

[SINCE Orbeon Forms 4.9]

It is possible to associate bindings by:

  • attribute only

  • or by name and attribute

The following matches elements such as <fr:character-counter> (by name) but also <foo:bar appearance="cool character-counter stuff">, because of the ~= operator which means that the attribute is "a list of whitespace-separated values, one of which is exactly equal to" character-counter:

element="fr|character-counter, [appearance ~= character-counter]"

The following matches elements having the character-counter appearance and which, at the same time, have the name foo:bar:

element="foo|bar[appearance ~= character-counter]"

Example

Meaning

E[foo="bar"]

an E element whose foo attribute value is exactly equal to bar

E[foo~="bar"]

an E element whose foo attribute value is a list of whitespace-separated values, one of which is exactly equal to bar

E[foo^="bar"]

an E element whose foo attribute value begins exactly with the string bar

E[foo$="bar"]

an E element whose foo attribute value ends exactly with the string bar

E[foo*="bar"]

an E element whose foo attribute value contains the substring bar

E[foo|="en"]

an E element whose foo attribute value is a hyphen-separated list of values beginning with en

Binding to elements in the XForms namespace

[SINCE Orbeon Forms 4.10]

An XBL binding can also be bound to elements in the XForms namespace. For example:

fr|character-counter,
xf|input[appearance ~= character-counter],
xf|textarea[appearance ~= character-counter],
xf|secret[appearance ~= character-counter],
fr|tinymce[appearance ~= character-counter]

This selector associates, for example the following element to the fr:character-counter component:

<xf:input appearance="character-counter">

See also

PreviousXBL TutorialNextXForms models

Each binding must have has a direct binding by element name (see ). In the example above, it is acme|multi-tool.

See also: .

NOTE: In the future, we would like such bindings to work at runtime as well, see .

The following standard CSS selector operations on attributes are supported: =, ~=, ^=, $=, *=, |= (from ):

#1248
Selectors Level 4 draft
How the new Form Builder Appearance Selector Works
below
By name bindings