.. ================================================== .. FOR YOUR INFORMATION .. -------------------------------------------------- .. -*- coding: utf-8 -*- with BOM. .. include:: ../../../../../Includes.txt .. _introduction_screenshots_frontend_list_columnsgrids: Columns and Grids ================= You can setup columns and grids for list views: * These columns are possible: 1, 2, 3, 4 and 6. * These grid layouts for a record are possible: * Margin content in left or right column or at the top or bottom * These proportions are possible: 25/75, 33/66, 50/50, 66/33, 75/25 All samples below neither need any own css nor any own typoscript. .. figure:: xblog_frontend_columns_grid_1.jpg :width: 800px :alt: TYPO3 xBlog sample: 1 column, margin content at the left, proportion 33/66 TYPO3 xBlog sample: 1 column, margin content at the left, proportion 33/66 .. figure:: xblog_frontend_columns_grid_2.jpg :width: 800px :alt: TYPO3 xBlog sample: 2 columns, margin content at the right, proportion 66/33 TYPO3 xBlog sample: 2 columns, margin content at the right, proportion 66/33 .. figure:: xblog_frontend_columns_grid_3.jpg :width: 800px :alt: TYPO3 xBlog sample: TYPO3 xBlog sample: 3 columns, margin content at the top TYPO3 xBlog sample: 3 columns, margin content at the top .. figure:: xblog_frontend_columns_grid_4.jpg :width: 800px :alt: TYPO3 xBlog sample: 4 columns, margin content at the top TYPO3 xBlog sample: 4 columns, margin content at the top .. figure:: xblog_frontend_columns_grid_6.jpg :width: 800px :alt: TYPO3 xBlog sample: 6 columns, margin content at the top TYPO3 xBlog sample: 6 columns, margin content at the top