Views Advanced Field Wrapper Markup

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:04
    Now that we're familiar with the default field wrapper markup in Views,
  • 0:08
    let's explore how to customize it.
  • 0:10
    In this lesson, we'll introduce a prototype of recent posts
  • 0:14
    that was built using Pattern Lab. We'll inspect the wrapper markup
  • 0:18
    of two Pattern Lab template files that compose a media list.
  • 0:23
    After getting familiar with the prototype markup
  • 0:26
    we'll apply that markup step by step to the fields in our View of recent posts.
  • 0:31
    In doing so, we will use
  • 0:33
    the custom field markup settings for each field, and utilize rewrite results
  • 0:39
    and replacement tokens to customize
Loading ...

Views Advanced Field Wrapper Markup

Loading...

Now that we’re familiar with the default field wrapper markup in Views, let’s explore how to customize this markup. In this tutorial, I will introduce to you a prototype of recent posts that was built using Pattern Lab. We’ll inspect the wrapper markup of two template files that compose this media list. After getting familiar with the prototype markup, we’ll apply that markup, step-by-step, to the fields in our view of recent posts. In doing so, we will use the custom field markup settings for each field and utilize rewrite results and replacement tokens to customize our markup output even further.

Downloads: 
Log in or sign up to download companion files.
Additional resources: