This view is used to create a grid based arrangement of items, usually projects. The grid can be boxed or full width, may display content filters and can even have variable item cell sizes. The difference between this view and the portfolio Grid view is that this view loads a preview of the project using ajax (without page reload) when selected from the grid of thumbnails. The project preview scrolls into view from the right, while the grid of thumbnails scrolls out to the left. The following are the available options for this view:
Input data = Projects
Max | Set the maximum amount of projects to be shown. Leave this field empty for unlimited posts. | |
Selection | Use this control to manually pick projects to be included in the view. | |
Format | Includes items in the view which correspond to the selected format. | |
Project Tags | Includes items in the view only featuring the selected project tags. |
Portfolio Preview Settings
Filter by | Shows filters for the grid images based on the selection made. Filters allow users to reduce the number of thumbnails displayed by narrowing the topic to which the displayed thumbnails are related. | |
Use Lightbox | If set to "Yes" clicking on an image thumbnail will open the item in a lightbox. "No" on the other hand will take the user directly to the item page itself once a click is registered. | |
Layout | The layout of the grid of images. Boxed - The grid will be restricted to a maximum width of 940px. The actual width of the grid may be much smaller than this, it will depend on its containing element. | |
Cell Width | Here the width of the grid cell module is specified. This will determine the number of columns of images displayed in the grid. The the boxed grid situation ideally the width of the grid's containing element should be equally divisible by the figure entered here. While in the case of the full width grid, the standard screen resolutions width values should be equally divisible by the figure entered here. | |
Cell Height | Here the width of the grid cell module is specified. | |
Cell Layout | Fixed - All grid cells with be forced to adopt the cell width and height defined in the 2 settings immediately above. | |
Horizontal Margin | This is the gap (in pixels) on the left and right hand side of each grid thumbnail. | |
Vertical Margin | This is the gap (in pixels) on the top and bottom of each grid thumbnail. | |
Sorting | None - Use this setting when all grid items have the same size, items will then be sorted in chronological order, the order in which they were created. | |
Paged Result | If set to "Yes", then any projects over the "Max" figure entered above will be accessible using pagination at the bottom of the grid. | |
Load More | If the "Paged Result" option above is enabled and a value has been set in the "Max" field of the input data type, then this option, once enabled, will replace the default pager with a "Load More" button. This button will basically load more items and add them to the existing items using an ajax call, meaning the page will not need to reload as would be the case with the default pagination. |