danielebarchiesi@4: This tutorial will guide you through specifying the elements for your views output using Semantic Views : Fields settings. This tutorial assumes you have Views installed.
danielebarchiesi@4:
danielebarchiesi@4: - Create a view
danielebarchiesi@4:
danielebarchiesi@4: - Visit the Views administration page
danielebarchiesi@4: - Click Add new view. Type in the name test_semantic view, select type 'Node', click Next.
danielebarchiesi@4:
danielebarchiesi@4:
danielebarchiesi@4: - Modify the view to use Semantic Views options
danielebarchiesi@4:
danielebarchiesi@4: - Locate the Basic settings column, click the Style: settings.
danielebarchiesi@4: - At the bottom section of this area, you will see a list of options under How should this view be styled. Select Semantic Views, and click Update.
danielebarchiesi@4: - Click options next to Row style. Select Semantic Views : Fields.
danielebarchiesi@4:
danielebarchiesi@4:
danielebarchiesi@4: - Select which fields to style
danielebarchiesi@4:
danielebarchiesi@4: - Click the + icon next to Fields.
danielebarchiesi@4: - In the Groups drop-down menu select 'Node', then check Node: Body, Node: Post Date and Node: Title. Click Add.
danielebarchiesi@4: - Under the next three options for Body, Post Date and Title, click Update, staying with the default settings for this tutorial.
danielebarchiesi@4: - Scroll back up to Fields and click the ↑↓ icon to rearrange fields, so it is Title first.
danielebarchiesi@4:
danielebarchiesi@4:
danielebarchiesi@4: - Preview the default
danielebarchiesi@4:
danielebarchiesi@4: - At this stage you can preview the default settings. Click Save.
danielebarchiesi@4: - View the unstyled fields previewed at the bottom of the Views User Interface.
danielebarchiesi@4:
danielebarchiesi@4: - Modify the output for these fields
danielebarchiesi@4:
danielebarchiesi@4: - Click the settings gear icon next to Row style: Semantic Views : Fields.
danielebarchiesi@4: - Scroll down to the Row style options, you can see the menu built for the fields you have chosen Title, Body and Post date.
danielebarchiesi@4: - Do not capitalize the elements and do not use <> symboles to specify the elements in the form.
danielebarchiesi@4: - Under Ttitle specify the element: h3. Optional: You can also edit your settings and specify custom Class attributes. put spaces in between each class attibute, and do not wrap class attributes in "double quotes".
danielebarchiesi@4: - Under Body specify the element div. You are likely to have other block level elements such as a paragraph or blockquote.
danielebarchiesi@4: - Under Post date specify the element p.
danielebarchiesi@4: - Select Skip empty fields
danielebarchiesi@4: - Click Update.
danielebarchiesi@4: - Click Save to save your settings.
danielebarchiesi@4:
danielebarchiesi@4: - You're done! You should see the modifications to your view when you preview it.
danielebarchiesi@4: