topic UIkit theme implementations


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

Drupal's default template renderer is a simple PHP parsing engine that includes the template and stores the output. The default template engine in Drupal 8 is Twig. This is the template engine utilized by UIkit 8.

UIkit implements hook overrides by the use of template files and an include file, which are used to override the default implementations provided by Drupal.

Contrary to Drupal 7, in Drupal 8 template files (*.html.twig files) must be stored in the 'templates' sub folder. The templates folder is further divided into various elemental folders (i.e. block, layout, navigation, etc.). This structure will make it easier to find a template file during development of a sub-theme.


File

api/uikit.api.php, line 317

Files

Name LocationDescription
block--local-actions-block.html.twigtemplates/block/block--local-actions-block.html.twigTheme override to display the local actions block.
block--local-tasks-block.html.twigtemplates/block/block--local-tasks-block.html.twigTheme override to display the local tasks block.
block--navbar--branding.html.twigtemplates/block/block--navbar--branding.html.twigTheme override to display the branding block.
block--navbar.html.twigtemplates/block/block--navbar.html.twigTheme override to display the navbar block.
block--sidebar-first.html.twigtemplates/block/block--sidebar-first.html.twigTheme override to display the sidebar first block.
block--sidebar-second.html.twigtemplates/block/block--sidebar-second.html.twigTheme override to display the sidebar second block.
block--system-messages-block.html.twigtemplates/block/block--system-messages-block.html.twigTheme override to display the system messages block.
block.html.twigtemplates/block/block.html.twigTheme override to display a block.
breadcrumb.html.twigtemplates/navigation/breadcrumb.html.twigTheme override to display a breadcrumb trail.
comment.html.twigtemplates/content/comment.html.twigTheme override to display a comment.
container.html.twigtemplates/form/container.html.twigTheme override of a container used to wrap child elements.
datetime-form.html.twigtemplates/form/datetime-form.html.twigTheme override of a datetime form element.
datetime-wrapper.html.twigtemplates/form/datetime-wrapper.html.twigTheme override of a datetime form wrapper.
details.html.twigtemplates/form/details.html.twigTheme override to display a details element.
dropbutton-wrapper.html.twigtemplates/form/dropbutton-wrapper.html.twigTheme override to display a dropbutton wrapper.
feed-icon.html.twigtemplates/misc/feed-icon.html.twigTheme override to display a feed icon.
field--comment.html.twigtemplates/field/field--comment.html.twigTheme override to display comment fields.
field--field-tags.html.twigtemplates/field/field--field-tags.html.twigTheme override to display a tags field.
field.html.twigtemplates/field/field.html.twigTheme override to display a field.
fieldset.html.twigtemplates/form/fieldset.html.twigTheme override to display a fieldset element and its children.
file-link.html.twigtemplates/field/file-link.html.twigTheme override for a link to a file.
form-element--advanced.html.twigtemplates/form/form-element--advanced.html.twigTheme override to display an advanced form element.
form-element--managed-file.html.twigtemplates/form/form-element--managed-file.html.twigTheme override for a form element.
form-element-label.html.twigtemplates/form/form-element-label.html.twigTheme override to display a form element label.
form-element.html.twigtemplates/form/form-element.html.twigTheme override to display a form element.
form.html.twigtemplates/form/form.html.twigTheme override to display a form.
image-widget.html.twigtemplates/content-edit/image-widget.html.twigTheme override for an image field widget.
input--file.html.twigtemplates/form/input--file.html.twigTheme override for an 'input' #type form element.
input.html.twigtemplates/form/input.html.twigTheme override to display an input form element.
links--comment.html.twigtemplates/navigation/links--comment.html.twigTheme override to display a set of comment links.
links--dropbutton.html.twigtemplates/navigation/links--dropbutton.html.twigTheme override to display a set of dropbutton links.
links--node.html.twigtemplates/navigation/links--node.html.twigTheme override to display a set of node links.
links.html.twigtemplates/navigation/links.html.twigTheme override to display a set of links.
menu--navbar.html.twigtemplates/navigation/menu--navbar.html.twigTheme override to display a navbar menu.
menu--offcanvas.html.twigtemplates/navigation/menu--offcanvas.html.twigTheme override to display an offcanvas menu.
menu-local-action.html.twigtemplates/navigation/menu-local-action.html.twigTheme override for a single local action link.
menu-local-task.html.twigtemplates/navigation/menu-local-task.html.twigTheme override to display a local task link.
menu-local-tasks.html.twigtemplates/navigation/menu-local-tasks.html.twigTheme override to display primary and secondary local tasks.
menu.html.twigtemplates/navigation/menu.html.twigTheme override to display a menu.
node--teaser.html.twigtemplates/content/node--teaser.html.twigTheme override to display a teaser node.
node.html.twigtemplates/content/node.html.twigTheme override to display a node.
page-title.html.twigtemplates/content/page-title.html.twigTheme override to display page titles.
page.html.twigtemplates/layout/page.html.twigTheme override to display a single page.
pager.html.twigtemplates/navigation/pager.html.twigTheme override to display a pager.
region.html.twigtemplates/layout/region.html.twigTheme override to display a region.
select.html.twigtemplates/form/select.html.twigTheme override to display a select element.
status-messages.html.twigtemplates/misc/status-messages.html.twigTheme override to display status messages.
table.html.twigtemplates/dataset/table.html.twigTheme override to display a table.
textarea.html.twigtemplates/form/textarea.html.twigTheme override to display a textarea form element.
theme.incincludes/theme.incThe UIkit theme system, which controls the output of the UIkit theme.
views-mini-pager.html.twigtemplates/views/views-mini-pager.html.twigTheme override to display a views mini-pager.
views-view-table.html.twigtemplates/views/views-view-table.html.twigTheme override to display a view as a table.
views-view.html.twigtemplates/views/views-view.html.twigTheme override to display main view.

Log in or register to post comments

Log in