topic UIkit theme implementations

  1. 8.x-3.x uikit.api.php uikit_themeable
  2. 8.x-2.x uikit.api.php uikit_themeable
  3. 7.x-3.x uikit.api.php uikit_themeable
  4. 7.x-2.x uikit.api.php uikit_themeable

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.

Files

Name LocationDescription
block--local-actions-block.html.twigtemplates/block/block--local-actions-block.html.twigTheme override to display the local actions block.
block--navbar--item.html.twigtemplates/block/block--navbar--item.html.twigTheme override to display a navbar item block.
block--navbar--menu.html.twigtemplates/block/block--navbar--menu.html.twigTheme override to display a navbar menu 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-branding-block.html.twigtemplates/block/block--system-branding-block.html.twigTheme override to display the branding 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--admin--toolbar.html.twigtemplates/form/container--admin--toolbar.html.twigTheme override of a container used to wrap admin toolbar child elements.
container.html.twigtemplates/form/container.html.twigTheme override of a container used to wrap child elements.
details--grouped.html.twigtemplates/form/details--grouped.html.twigTheme override to display a details element.
details.html.twigtemplates/form/details.html.twigTheme override to display a details element.
feed-icon.html.twigtemplates/misc/feed-icon.html.twigTheme override to display a feed icon.
field--comment-body.html.twigtemplates/field/field--comment-body.html.twigTheme override to display a comment body field.
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.
form-element--advanced.html.twigtemplates/form/form-element--advanced.html.twigTheme override to display an advanced 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.
input--autocomplete.html.twigtemplates/form/input--autocomplete.html.twigTheme override to display an input form element.
input.html.twigtemplates/form/input.html.twigTheme override to display an input form element.
item-list.html.twigtemplates/dataset/item-list.html.twigTheme override to display an item list.
links--comment.html.twigtemplates/navigation/links--comment.html.twigTheme override to display a set of comment links.
links--contextual.html.twigtemplates/navigation/links--contextual.html.twigTheme override to display a set of contextual 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--devel.html.twigtemplates/navigation/menu--devel.html.twigTheme override to display the devel menu.
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.
region--navbar.html.twigtemplates/layout/region--navbar.html.twigTheme override to display the navbar region.
region--offcanvas.html.twigtemplates/layout/region--offcanvas.html.twigTheme override to display the offcanvas region.
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.
user.html.twigtemplates/user/user.html.twigTheme override to display user data.

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.

Log in