widget:type

[Permalink]

widget:type Directive Reference

The widget:type directive in the fields.ini file specifies the type of widget that should be used to edit a particular field in HTML forms. Xataface uses HTML_QuickForm for its form generation so theoretically any widget supported by HTML_QuickForm should work with Xataface.

Available Widget Types

Name Description Version
advmultiselect Two select lists with add/remove buttons. Selected items appear in the right select list. Options may be selected from the left select list. 1.0
ajax_upload File upload widget that uses AJAX to perform uploading with progress indicator. ajax_uploader.png 2.0 and ajax_upload module
autocomplete An autocomplete. text field. This is not to be confused with the yui_autocomplete widget. The main difference is that this widget does not provide a drop-down list of possibilities, it just tries to complete what the user is typing inside the text field based on a valuelist. all
calendar A DHTML pop-up calendar to select the date. calendar_widget.png 0.5.3
checkbox A checkbox or checkbox group. Example 1: Checkbox as boolean on Tinyint field. checkbox_widget.png Example 2: Checkbox group to allow multiple selections. checkbox-group_widget.png all
ckeditor A WYSIWYG HTML editor widget for use in Xataface 2.0 or higher. This is meant to replace the older FCKeditor and TinyMCE editor widgets. Screen_shot_2011-08-12_at_9.44.22_AM.png 2.0 and ckeditor module
date Select lists for month, year, day, hour, etc… all
datepicker Alternate jQuery widget for selecting dates. Screen shot 2011-06-07 at 10.39.53 AM.png 2.0 and datepicker module
datetimepicker Alternate jQuery widget for selecting dates/times. Screen shot 2011-06-07 at 10.39.53 AM.png (This photo is of the datepicker widget… datetimepicker is similar but has time also). 2.0 and datepicker module
durationselector A special case date widget meant to be used in editing the “end time” of a datetime field as a duration relative to a start datetime field. Screen shot 2011-06-09 at 3.15.52 PM.png 2.0 and durationselector module
depselect A select list whose contents is dependent upon the current value of other fields in the form. Screen shot 2011-06-09 at 11.11.34 AM.png 2.0 and depselect module installed
file A file widget (default type for container fields and blob fields. file_widget.png all
grid A grid widget for editing multiple rows of related records inside the edit form. Supports adding/removing/reordering. As of version 1.2.5, file uploads are not supported in the grid widget.  http://media.weblite.ca/files/photos/grid_widget.png?max_width=500 1.0
group A compound widget for editing multiple fields but storing the data in a single XML field. group_widget.png all
hidden A hidden field all
htmlarea A WYSIWYG (What you see is what you get) HTML editor. This defaults to FCKeditor, but TinyMCE is also supported. htmlarea_widget.png all
lookup A field that allows users to look-up a record from another table. THis is a good alternative to a select list. It doesn’t use a vocabulary, so this is appropriate when vocabularies would be unpractical (for large vocabularies). You do, however need to specify the widget:table directive for the field so that the lookup knows from which table to load the records. Picture 23.png 1.2
password A password field. password_widget.png all
select A select list. Example 1: A single select. select_widget.png Example 2: A multi-select. To use a multi-select, add repeat=1 to your fields.ini. multi-select_widget.png all
table A compound widget for editing tabular data. This widget dictates the storage format as XML. table_widget.png all
text A text field text_widget.png all
tagger A widget to add n:m related records to a relationship inside the edit form as tags. Screen shot 2011-05-12 at 3.32.26 PM.png 2.0 and tagger module
textarea A text area (multi-line text field) textarea_widget.png all
time A select list of times separated by a specified interval (default 30 minutes). 0.7
yui_autocomplete An autocomplete widget ported from the Yahoo UI Library. yui_autocomplete.png Additional Directives - yui_autocomplete:maxResultsDisplayed : Set the maximum number of results to display at a time. Default is 10. (This directive available since 2.0.3 or SVN rev 4784 in trunk). 1.0