Functions and templates for the user interface to be implemented by themes.

Backdrop's presentation layer is a pluggable system known as the theme layer. Each theme can take control over most of Backdrop's output, and has complete control over the CSS.

Inside Backdrop, the theme layer is utilized by the use of the theme() function, which is passed the name of a component (the theme hook) and an array of variables. For example, theme('table', array('header' => $header, 'rows' => $rows)); Additionally, the theme() function can take an array of theme hooks, which can be used to provide 'fallback' implementations to allow for more specific control of output. For example, the function: theme(array('table__foo', 'table'), $variables) would look to see if 'table__foo' is registered anywhere; if it is not, it would 'fall back' to the generic 'table' implementation. This can be used to attach specific theme functions to named objects, allowing the themer more control over specific types of output.

Every theme hook is required to be registered by the module that owns it, so that Backdrop can tell what to do with it and to make it simple for themes to identify and override the behavior for these calls.

The theme hooks are registered via hook_theme(), which returns an array of arrays with information about the hook. It describes the arguments the function or template will need, and provides defaults for the template in case they are not filled in. If the default implementation is a function, by convention it is named theme_HOOK().

Each module should provide a default implementation for theme_hooks that it registers. This implementation may be either a function or a template; if it is a function it must be specified via hook_theme(). By convention, default implementations of theme hooks are named theme_HOOK. Default template implementations are stored in the module directory.

Backdrop's default template renderer is a simple PHP parsing engine that includes the template and stores the output. Backdrop's theme engines can provide alternate template engines, such as XTemplate, Smarty and PHPTal. The most common template engine is PHPTemplate (included with Backdrop and implemented in phptemplate.engine, which uses Backdrop's default template renderer.

In order to create theme-specific implementations of these hooks, themes can implement their own version of theme hooks, either as functions or templates. These implementations will be used instead of the default implementation. If using a pure .theme without an engine, the .theme is required to implement its own version of hook_theme() to tell Backdrop what it is implementing; themes utilizing an engine will have their well-named theme functions automatically registered for them. While this can vary based upon the theme engine, the standard set by phptemplate is that theme functions should be named THEMENAME_HOOK. For example, for Backdrop's default theme (Bartik) to implement the 'table' hook, the phptemplate.engine would find bartik_table().

The theme system is described and defined in theme.inc.

End of "defgroup themeable".

See also

theme()

hook_theme()

Hooks

Callbacks

File

modules/system/theme.api.php, line 3

Functions

Name Locationsort descending Description
theme_tableselect includes/form.inc Returns HTML for a table with radio buttons or checkboxes.
theme_select includes/form.inc Returns HTML for a select form element.
theme_fieldset includes/form.inc Returns HTML for a fieldset form element and its children.
theme_email includes/form.inc Returns HTML for an email form element.
theme_search includes/form.inc Returns HTML for a search form element.
theme_tel includes/form.inc Returns HTML for a tel form element.
theme_form_element_label includes/form.inc Returns HTML for a form element label and required marker.
theme_form_required_marker includes/form.inc Returns HTML for a marker for required form elements.
theme_form_element includes/form.inc Returns HTML for a form element.
theme_file includes/form.inc Returns HTML for a file upload form element.
theme_password includes/form.inc Returns HTML for a password form element.
theme_textarea includes/form.inc Returns HTML for a textarea form element.
theme_form includes/form.inc Returns HTML for a form.
theme_url includes/form.inc Returns HTML for a URL form element.
theme_color includes/form.inc Returns HTML for a color form element.
theme_number includes/form.inc Returns HTML for a number form element.
theme_radio includes/form.inc Returns HTML for a radio button form element.
theme_date includes/form.inc Returns HTML for a date selection form element.
theme_checkbox includes/form.inc Returns HTML for a checkbox form element.
theme_container includes/form.inc Returns HTML to wrap child elements in a container.
theme_details includes/form.inc Returns HTML to wrap children in a details element.
theme_range includes/form.inc Returns HTML for a range form element.
theme_vertical_tabs includes/form.inc Returns HTML for an element's children fieldsets as vertical tabs.
theme_submit includes/form.inc Returns HTML for a submit button form element.
theme_button includes/form.inc Returns HTML for a button form element.
theme_image_button includes/form.inc Returns HTML for an image button form element.
theme_hidden includes/form.inc Returns HTML for a hidden form element.
theme_textfield includes/form.inc Returns HTML for a textfield form element.
theme_menu_local_task includes/menu.inc Returns HTML for a single local task link.
theme_menu_link includes/menu.inc Returns HTML for a menu link and submenu.
theme_menu_tree includes/menu.inc Returns HTML for a wrapper for a menu tree.
theme_menu_local_tasks includes/menu.inc Returns HTML for primary and secondary local tasks.
theme_menu_toggle includes/menu.inc Returns rendered HTML for a menu toggle.
theme_menu_local_actions includes/menu.inc Returns rendered HTML for the local actions.
theme_menu_local_action includes/menu.inc Returns HTML for a single local action link.
theme_pager_next includes/pager.inc Returns HTML for the "next page" link in a query pager.
theme_pager_last includes/pager.inc Returns HTML for the "last page" link in query pager.
theme_pager_link includes/pager.inc Returns HTML for a link to a specific query result page.
theme_pager_previous includes/pager.inc Returns HTML for the "previous page" link in a query pager.
theme_pager_first includes/pager.inc Returns HTML for the "first page" link in a query pager.
theme_pager includes/pager.inc Returns HTML for a query pager.
theme_image includes/theme.inc Returns HTML for an image.
template_preprocess_datetime includes/theme.inc Preprocess variables for theme_datetime().
theme_datetime includes/theme.inc Returns HTML for a date / time.
theme_status_messages includes/theme.inc Returns HTML for status and/or error messages, grouped by type.
theme_link includes/theme.inc Returns HTML for a link.
theme_links includes/theme.inc Returns HTML for a set of links.
theme_dropbutton_wrapper includes/theme.inc Provide wrapper HTML around dropbutton lists.
template_preprocess_image includes/theme.inc Preprocess variables for theme_image().
theme_breadcrumb includes/theme.inc Returns HTML for a breadcrumb trail.
theme_table includes/theme.inc Returns HTML for a table.
theme_tablesort_indicator includes/theme.inc Returns HTML for a sort icon.
theme_mark includes/theme.inc Returns HTML for a marker for new or updated content.
theme_item_list includes/theme.inc Returns HTML for a list or nested list of items.
theme_help includes/theme.inc Returns HTML for a help element.
theme_more_help_link includes/theme.inc Returns HTML for a "more help" link.
theme_feed_icon includes/theme.inc Returns HTML for a feed icon.
theme_head_tag includes/theme.inc Returns HTML for a generic HTML tag with attributes.
theme_more_link includes/theme.inc Returns HTML for a "more" link, like those used in blocks.
theme_progress_bar includes/theme.inc Returns HTML for a progress bar.
theme_indentation includes/theme.inc Returns HTML for an indentation div; used for drag and drop tables.
theme_authorize_report includes/theme.maintenance.inc Returns HTML for a results report of an operation run by authorize.php.
theme_authorize_message includes/theme.maintenance.inc Returns HTML for a single log message from the authorize.php batch operation.
theme_task_list includes/theme.maintenance.inc Returns HTML for a list of maintenance tasks to perform.
theme_admin_bar_icon modules/admin_bar/admin_bar.theme.inc Renders an icon to display in the administration bar.
theme_book_admin_table modules/book/book.admin.inc Returns HTML for a book administration form.
theme_color_preview modules/color/color.theme.inc Returns HTML for a theme's color preview.
theme_comment_block modules/comment/comment.theme.inc Returns HTML for a list of recent comments.
theme_comment_post_forbidden modules/comment/comment.theme.inc Returns HTML for a "you can't post comments" notice.
theme_contact_category_list_table modules/contact/contact.theme.inc Returns HTML for the contact form categories administrative table.
theme_date_time_ago modules/date/date.theme.inc Returns HTML for a date in the format 'time ago'.
theme_date_display_combination modules/date/date.theme.inc Returns HTML for a date element formatted as a Start/End combination.
theme_date_display_single modules/date/date.theme.inc Returns HTML for a date element formatted as a single date.
theme_date_display_range modules/date/date.theme.inc Returns HTML for a date element formatted as a range.
theme_date_display_interval modules/date/date.theme.inc Returns HTML for a date element formatted as an interval.
theme_date_combo modules/date/date.theme.inc Returns HTML for a start/end date combination on form.
theme_date_text_parts modules/date/date.theme.inc Returns HTML for the text/select options for date parts in a table.
theme_date_popup modules/date/date.theme.inc Format a date popup element.
theme_date_display_remaining modules/date/date.theme.inc Returns HTML for remaining message.
theme_date_textfield_element modules/date/date.theme.inc Returns HTML for a date textfield input form element.
template_preprocess_date_views_filter_form modules/date/date.theme.inc Preprocessor for Date Views filter form.
date_preprocess_views_view modules/date/date.theme.inc Implements template_preprocess_views_view().
template_preprocess_date_views_pager modules/date/date.theme.inc Preprocess function for Date pager template.
theme_date_nav_title modules/date/date.theme.inc Theme the calendar title.
theme_date_timezone modules/date/date.theme.inc Returns HTML for a date timezone element.
theme_date_text modules/date/date.theme.inc Returns HTML for a date text element.
theme_date_select modules/date/date.theme.inc Returns HTML for a "date_select" element, including all child elements.
theme_date_select_element modules/date/date.theme.inc Returns HTML for a date select input form element.
theme_field_multiple_value_form modules/field/field.theme.inc Returns HTML for an individual form element.
theme_field modules/field/field.theme.inc Returns HTML for a field.
theme_options_none modules/field/modules/options/options.theme.inc Returns HTML for the label for the empty value for options that are not required.
theme_field_ui_table modules/field_ui/field_ui.theme.inc Returns HTML for Field UI overview tables.
theme_field_ui_view_modes modules/field_ui/field_ui.theme.inc Returns HTML for the entity display mode table.
theme_file_widget modules/file/file.theme.inc Returns HTML for an individual file upload widget.
theme_file_icon modules/file/file.theme.inc Returns HTML for an image with an appropriate icon for the given file.
theme_file_link modules/file/file.theme.inc Returns HTML for a link to a file.
theme_file_managed_file modules/file/file.theme.inc Returns HTML for a managed file element.
theme_file_video modules/file/file.theme.inc Returns HTML for displaying an HTML5 <video> tag.
theme_file_formatter_table modules/file/file.theme.inc Returns HTML for a file attachments table.
theme_file_upload_help modules/file/file.theme.inc Returns HTML for help text based on file upload validators.
theme_file_audio modules/file/file.theme.inc Returns HTML for displaying an HTML5 <audio> tag.
theme_file_widget_multiple modules/file/file.theme.inc Returns HTML for a group of file upload widgets.
theme_text_format_wrapper modules/filter/filter.theme.inc Returns HTML for a text format-enabled form element.
theme_filter_tips modules/filter/filter.theme.inc Returns HTML for a set of filter tips.
theme_filter_admin_format_filter_order modules/filter/filter.theme.inc Returns HTML for a text format's filter order form.
theme_filter_admin_overview modules/filter/filter.theme.inc Returns HTML for the text format administration overview form.
theme_filter_guidelines modules/filter/filter.theme.inc Returns HTML for guidelines for a text format.
theme_filter_tips_more_info modules/filter/filter.theme.inc Returns HTML for a link to the more extensive filter tips.
theme_image_style modules/image/image.theme.inc Returns HTML for an image using a specific image style.
theme_image_style_list modules/image/image.theme.inc Returns HTML for the page containing the list of image styles.
theme_image_style_effects modules/image/image.theme.inc Returns HTML for a listing of the effects within a specific image style.
theme_image_style_preview modules/image/image.theme.inc Returns HTML for a preview of an image style.
theme_image_anchor modules/image/image.theme.inc Returns HTML for a 3x3 grid of checkboxes for image anchors.
theme_image_resize_summary modules/image/image.theme.inc Returns HTML for a summary of an image resize effect.
theme_image_scale_summary modules/image/image.theme.inc Returns HTML for a summary of an image scale effect.
theme_image_crop_summary modules/image/image.theme.inc Returns HTML for a summary of an image crop effect.
theme_image_rotate_summary modules/image/image.theme.inc Returns HTML for a summary of an image rotate effect.
theme_image_widget modules/image/image.theme.inc Returns HTML for an image field widget.
theme_image_formatter modules/image/image.theme.inc Returns HTML for an image field formatter.
theme_language_admin_overview_form_table modules/language/language.theme.inc Returns HTML for the language overview form.
theme_locale_date_format_form modules/locale/locale.theme.inc Returns themed HTML for the locale_date_format_form() form.
theme_language_negotiation_configure_form modules/locale/locale.theme.inc Returns HTML for the language negotiation configuration form.
theme_menu_admin_overview Deprecated modules/menu/menu.theme.inc Returns HTML for a menu title and description for the menu overview page.
theme_menu_overview_form modules/menu/menu.theme.inc Returns HTML for the menu overview form into a table.
theme_node_recent_content modules/node/node.theme.inc Returns HTML for a recent node to be displayed in the recent content block.
theme_node_preview_banner_form modules/node/node.theme.inc Returns HTML for node_preview_banner_form().
theme_node_search_factors modules/node/node.theme.inc Returns HTML for the content ranking part of the search settings admin page.
theme_node_recent_block modules/node/node.theme.inc Returns HTML for a list of recent content.
theme_node_admin_overview Deprecated modules/node/node.theme.inc Returns HTML for a node type description for the content type admin page.
theme_node_add_list modules/node/node.theme.inc Returns HTML for a list of available node types for node creation.
theme_path_bulk_update_form modules/path/path.admin.inc Returns HTML for the Path bulk update page.
theme_simpletest_result_summary modules/simpletest/simpletest.theme.inc Returns HTML for the summary status of a simpletest result.
theme_simpletest_test_table modules/simpletest/simpletest.theme.inc Returns HTML for a test list generated by simpletest_test_form() into a table.
theme_admin_block_content modules/system/system.theme.inc Returns HTML for the content of an administrative block.
theme_system_admin_index modules/system/system.theme.inc Returns HTML for the output of the dashboard page.
theme_tree_table modules/system/system.theme.inc Theme a tree table.
theme_token_tree modules/system/system.theme.inc Provide a 'tree' display of nested tokens.
theme_label_machine_name modules/system/system.theme.inc Returns HTML for the display of a label and its machine name.
theme_system_powered_by modules/system/system.theme.inc Returns HTML for the Powered by Silkscreen text.
theme_confirm_form modules/system/system.theme.inc Returns HTML for a confirmation form.
theme_system_settings_form modules/system/system.theme.inc Returns HTML for a system settings form.
theme_exposed_filters modules/system/system.theme.inc Returns HTML for an exposed filter form.
theme_system_themes_page modules/system/system.theme.inc Returns HTML for the Appearance page.
theme_system_modules_fieldset modules/system/system.theme.inc Returns HTML for the modules form.
theme_system_modules_incompatible modules/system/system.theme.inc Returns HTML for a message about incompatible modules.
theme_system_modules_uninstall modules/system/system.theme.inc Returns HTML for a table of currently disabled modules.
theme_status_report modules/system/system.theme.inc Returns HTML for the status report.
theme_admin_page modules/system/system.theme.inc Returns HTML for an administrative page.
theme_admin_block modules/system/system.theme.inc Returns HTML for an administrative block for display.
theme_taxonomy_vocabulary_name modules/taxonomy/taxonomy.theme.inc Returns HTML for the vocabulary human readable name, and its machine name.
theme_taxonomy_vocabulary_description modules/taxonomy/taxonomy.theme.inc Returns HTML for the vocabulary description.
theme_taxonomy_overview_terms modules/taxonomy/taxonomy.theme.inc Returns HTML for a terms overview form as a sortable list of terms.
theme_update_last_check modules/update/update.theme.inc Returns HTML for the last time we checked for update data.
theme_update_report modules/update/update.theme.inc Returns HTML for the project status report.
theme_update_version modules/update/update.theme.inc Returns HTML for the version display of a project.
theme_update_status_label modules/update/update.theme.inc Returns HTML for a label to display for a project's update status.
theme_update_manager_update_form modules/update/update.theme.inc Returns HTML for the first page in the process of updating projects.
theme_user_admin_roles modules/user/user.theme.inc Returns HTML for the role order form.
theme_user_admin_permissions modules/user/user.theme.inc Returns HTML for the administer permissions page.
theme_user_signature modules/user/user.theme.inc Returns HTML for a user signature.
theme_user_list modules/user/user.theme.inc Returns HTML for a list of users.
theme_user_permission_description modules/user/user.theme.inc Returns HTML for an individual permission description.

Files

Name Locationsort descending Description
book-all-books-block.tpl.php modules/book/templates/book-all-books-block.tpl.php Default theme implementation for rendering book outlines within a block.
book-navigation.tpl.php modules/book/templates/book-navigation.tpl.php Default theme implementation to navigate books.
comment.tpl.php modules/comment/templates/comment.tpl.php Default theme implementation for comments.
field.tpl.php modules/field/templates/field.tpl.php field.tpl.php Default template implementation to display the value of a field.
file.tpl.php modules/file/templates/file.tpl.php Default theme implementation to display a file.
node.tpl.php modules/node/templates/node.tpl.php Default theme implementation to display a node.
search-results.tpl.php modules/search/templates/search-results.tpl.php Default theme implementation for displaying search results.
maintenance-page.tpl.php modules/system/templates/maintenance-page.tpl.php Default theme implementation to display a single Backdrop page while offline.
page.tpl.php modules/system/templates/page.tpl.php Default theme implementation to display the basic html structure of a single Backdrop page.
taxonomy-term.tpl.php modules/taxonomy/templates/taxonomy-term.tpl.php Default theme implementation to display a term.
user-picture.tpl.php modules/user/templates/user-picture.tpl.php Default theme implementation to present a picture configured for the user's account.
user-profile.tpl.php modules/user/templates/user-profile.tpl.php Default theme implementation to present all user profile data.