Introduction
Some articles, for example a TODO list entries, require a section, or scope, so the nodes can be sorted by section, and also an icon can be added to put a visual status to the node. This story briefly describes how to accomplish this. To reach the goal, at least the following modules are needed:
- Image Field
- Node Reference
- Image Cache
- Lightbox (not mandatory)
Install and activate all above modules. In case there are dependencies needed, install them, too
Image Cache
The Image Cache is responsible for resizing the icons, so you can upload a huge image, and let it be resized to an appropiate icon size on demand.
Navigate to the Image Cache administration
Create a new preset, and name it, for example, Mini-Icon. Choose an action: "Scale", and set the desired resolution for the image. Save the preset, the result should be similar to the preset shown above.
The Content Type
Now we need a content type for the image: Navigate to the Content Type Administration page, and add a new content type:
Click "add content type"
Enter the name and the type (type in lowercase without spaces...). Save the new content type, and go to the content type overview again. Beneath your new content type, click "Manage Fields".
Add a field for your icon, as shown above. Click save. Next, navigate to the "Display Fields" section of the new content type.
Set the lables to "hidden", and chose the preset you created within Image Cache before. Click save.
Link the content types
In the next step, the new icon content type has to be linked to a present one. To accomplish this, navigate to the content type administration, and klick "Manage Fields" beneath the content type you want the icons be linked to.
Add a new field, chose data type "Node Referende" and form element "Select List. Suggestion: Se the field name to something that refers your node name, in above example it is set to "field_todo_scope", so one knows that it's the icon content type "Scope" linked to the content type "Todo-Item".
In the field settings, remember to chose the node type that this field will be linked to. You only have to activate the "Icon" (or "Scope") content type created before. Click save.
Now, the link is present. Try to create a new primary node, or edit a present one, and chose an icon for this node.
Adjusting the View
Now you want to show up the Icons in a view. The "Master" node will not contain the icon itself, but only a reference to the node containing the icon. So we have to setup the view in a way that it can grab the icon from the "Icon" content node. This requires two steps:
The above view has allready been created, and showed up all "Todo-List" entries. In order to add the icons to the view, we have to create a relationship between the "master" node and the icon. Add a relationship, and chose the point refering to the MASTER node, not the Icon node.
Now add a field to the view, chose group "content", and mark exactly the field you created in the "Icon" content type. In above example there are two possible field, don't worry, mark the one you created. Click add.
Now configure the field:
- Chose the relationship you created before
- Link the field to its node
- disable the lable by setting it to "none"
- Chose the display format you created before with Image Cache
- Click update and save
Now your view is ready, showing the icons.
