Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Theming views

1,676 views

Published on

Clean markup and lean stylesheets are important for performance, readability, and compatibility with browsers. However, themers and developers who are new to Drupal may struggle with getting their Views to look and function exactly as they like. Helior Colorado will discuss what it takes to override and develop Views templates in order to gain full control of how each and every part of your View is rendered in your Drupal site.

Along the way we will also cover the topics of theme organization, front-end performance, see how Views uses a series of plugins that are each responsible for distinct segments of rendered output, and also preview a tool which makes the entire process of making Views output better a whole lot easier.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Theming views

  1. 1. <div class=”view view-news view-id-news view-display-id-default view-dom-id-1”> <div class=”view-content”> </div> </div>
  2. 2. <div class=”view view-news view-id-news view-display-id-default view-dom-id-1”> <div class=”view-content”> <div class=”views-row views-row-1 views-row-odd views-row-first”> </div> </div> </div>
  3. 3. <div class=”view view-news view-id-news view-display-id-default view-dom-id-1”> <div class=”view-content”> <div class=”views-row views-row-1 views-row-odd views-row-first”> <div class="views-field-body"> <label class="views-label-body">Body:</label> <div class="field-content"> </div> </div> </div> </div> </div>
  4. 4. <div class=”view view-news view-id-news view-display-id-default view-dom-id-1”> <div class=”view-content”> <div class=”views-row views-row-1 views-row-odd views-row-first”> <div class="views-field-body"> <label class="views-label-body">Body:</label> <div class="field-content"> <p>This is your body field.</p> </div> </div> </div> </div> </div>
  5. 5. Thanks. helior@activelamp.com

×