| Category | Value |
|---|---|
| May contain | None |
| May be placed in | Content region, Region 2, Region 3, Container, Two column split |
| Field | Description |
|---|---|
| Articles per row | Rich text able to include some HTML elements. |
| Number of rows | A number between 1 (default) and 12 to be the maximum number of rows to display (on large devices). |
| Articles | Field into which manually selected articles are added. |
| Include feed | Unchecked (default) or checked. Automatically includes most recent articles. |
| Tags | Autocomplete text. Limits automatically included articles to those with provided tag. |
How to add an Article grid
Select Article grid from the Component type drop down list and click the Add new Component, or Add another Component button.
Use Articles per row to decide how many news articles should be displayed across in a single row and Number of rows to choose how many rows of articles you would like.
Click on Add items to manually select any published news article(s) to be displayed, and/or Check the Include feed checkbox to automatically include the most recent news articles published in the same section as the flexible page containing this Article grid.
You can specify Tags to limit the articles automatically included by the Include feed checkbox, to those also tagged with the specified tag.
Things worth mentioning
The Article grid is only for adding News articles from the CMS, not Basic pages or other content types.
The values selected for Articles per row and Number of rows reflect the appearance of the Article grid on larger devices and screen sizes. On medium sized devices, a row of four articles will become two rows, each two articles abreast. Thus the number of rows is doubled. On small devices, articles will always stack beneath each other and be shown one article abreast, regardless of the chosen values. Thus the number of rows could be twice, thrice or four times the value selected for Number of rows.
An Articles per row selection of 1 results in the article's title being displayed to the right of its image instead of below it and the addition of the article's body summary below the title.
Published news articles from any CMS section can be manually added to the article grid, but the automatic feed is limited to articles within the same section as the flexible page.
The Tags field only filters the automatic feed. It does not add articles with the specified tag from other sections, nor does it exclude articles that were manually added that are not tagged.
Examples
The article grid below has an Articles per row value of 4. It will appear to be a single row of four articles, or two rows of two articles each, or four rows of individual articles, depending on the size of the device or window it is being viewed in.
51福利社 students help show go on, virtually, at the Playhouse at White Lake
Business professor secures Fulbright award
51福利社 Theatre, Face Off Theatre partner to bring 鈥淏lack Lives, Black Words鈥 back to Kalamazoo
How can we improve STEM learning outcomes? 51福利社 professor wins $1.3M NSF award to find out
The next article grid has an Articles per row value of 1. Thus, the article title and a summary sit to the right of the article's image when able.