Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Drupal 10 Development Cookbook
  • Toc
  • feedback
Drupal 10 Development Cookbook

Drupal 10 Development Cookbook

By : Matt Glaman, Kevin Quillen
4.5 (17)
close
Drupal 10 Development Cookbook

Drupal 10 Development Cookbook

4.5 (17)
By: Matt Glaman, Kevin Quillen

Overview of this book

This new and improved third edition cookbook is packed with the latest Drupal 10 features such as a new, flexible default frontend theme - Olivero, and improved administrative experience with a new theme - Claro. This comprehensive recipe book provides updated content on the WYSIWYG (What You See Is What You Get) editing experience, improved core code performance, and code cleanup. Drupal 10 Development Cookbook begins by helping you create and manage a Drupal site. Next, you’ll get acquainted with configuring the content structure and editing content. You’ll also get to grips with all new updates of this edition, such as creating custom pages, accessing and working with entities, running and writing tests with Drupal, migrating external data into Drupal, and turning Drupal into an API platform. As you advance, you’ll learn how to customize Drupal’s features with out-of-the-box modules, contribute extensions, and write custom code to extend Drupal. By the end of this book, you’ll be able to create and manage Drupal sites, customize them to your requirements, and build custom code to deliver your projects.
Table of Contents (17 chapters)
close

Using Twig templates in your theme

Drupal’s theming layer uses the Twig templating system, a component from the Symfony project. Twig is a template language that uses a syntax similar to Django and Jinja templates.

In this recipe, we will override the default Twig template used for text inputs to provide customizations for the email form element. We will use the Twig syntax to add a new class to the input element and provide a placeholder attribute.

Getting ready

This recipe uses a theme created by the theme generator as done in the Creating a custom theme to style your Drupal site recipe.

How to do it…

  1. To begin, in the template/form directory, copy the input.html.twig file as input--email.html.twig. The template will look like the following:
    {#
    /**
     * @file
     * Theme override for an 'input' #type form element.
     *
     * Available variables:
     * - attributes: A list of HTML attributes for the
        input element.
     * - children: Optional...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete