advanced-style-settings.html 1.6 KB

123456789101112131415161718192021222324252627282930
  1. In Views 3 you can set Advanced Style Settings, they help you to insert markup of your own from the Views UI, so that you can fairly easily override the default markup without having to restyle via templates.
  2. <ul>
  3. <li> Customize field HTML</li>
  4. With Customize field HTML you can generate html tags around the field.
  5. <li>Customize label HTML</li>
  6. Here you can generate html tags around the label of a field.
  7. <li>Customize field and label wrapper HTML</li>
  8. Here you can generate html tags around the wrapper of the label and field
  9. </ul>
  10. <a href="path:images/views3-semanticviews.png"><img src="path:images/views3-semanticviews.png" /></a>
  11. Usage example
  12. In a view with a field:
  13. <ol>
  14. <li>Configure the field. (Click on the field.)</li>
  15. <li>In the modal that opens, scroll down to <strong>Style Settings</strong>.</li>
  16. <li>Choose one or more of the three <i>Customize</i> options. This will reveal a dropdown menu where you can choose from one or more HTML tags to use on that field and allow you to add a CSS class specific to that field should you desire.</li>
  17. <li>Decide if you want to keep the Views default classes. Unchecking this box means your markup is *it*.</li>
  18. </ol>
  19. In Views 2 you needed for Style Settings the <a href="http://drupal.org/project/semanticviews">Semantic Views</a> Modul, now the Semantic Views module has been mostly incorporated into Views 3.x. Semantic Views is still around for people who need it, though. For some details on how the original module is different from the Views implementation, please see <a href="http://drupal.org/node/1013876">this issue</a>.