Theming views

1,473
-1

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,473
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×