The options of the Content group let you control the layout and design of your text, images and other content. You can arrange the content of your article in one column, split it into multiple columns, or divide the content into multiple rows and columns.
When you create a new project, Artisteer generates some sample content so you can easily see the layout of the page. As you select different layouts, the text and images representing your content will be automatically moved to the new layout. If you reduce the number of cells in your layout, you may see some content disappear. The content is not deleted. If you add back more cells, the content will reappear.
Along with choosing one of the variants suggested in the gallery you can create your own content layout by selecting a Custom Content Layout option located at the bottom of the list. In the opened dialog box, click the ‘down arrow’ icon and choose a row layout. Click the “+” and “-“ icons to add or remove the rows. You can also customize each row by clicking on the row and selecting one of the
options shown to create or reduce the number of cells in each row and the relative size of each cell. Again, the content in the rest of your rows and columns will be automatically moved to your new layout.
The row at the bottom shows you what a new row will look like if added to your layout. Unless you click on the ‘+’ icon, the row is not added yet.
The Styling
The gridlines appear in your Preview area to help you see the organization of your content better. They will not appear on your webpages. You can show or remove the gridlines with the Show
Gridlines option. Note though, this is not the same as View Gridlines for a table, In fact, defining the content layout is not the same as adding a table, though visually it can be difficult to tell the difference. The content layout is the physical division of your content area. In any given cell, you can also add a table and visually it may appear as if you are refining the content layout, this is not the case. The table is part of the content you add to the content cell, just like text, images, etc. A table has its own
dimensions. It can appear within a content cell but it is not related in any way to the style options you can define for the content cell, such as defining a margin, or padding within the table cell. The table border is the only style element you can change. Like other design elements, like text, you define the
options suggest various designs you can apply to the content, such as adding borders or highlighting areas in color. The first is Basic design. The ‘basic design’ options are simple graphic layouts with different borders. The ‘One Row’ and ‘All Rows’ groups show how cells will appear filled with a highlight color. You can also change the design of a particular row by selecting the row in the Preview area, then use the Current Row option to apply a ‘style’ to just that row.
content styling options, you are defining how the content row, cell, or area will appear regardless of the content you may add later. Hint: to make it visually easier to work with content layous and tables, you should turn on gridlines for both (EditStylingShow Gridlines, EditInsertTableView Gridlines).
The All Pages option shows you what design elements are applied for every page when you select a content layout and ‘styling’. For example, if you want borders around your cells on a page, the border option shows you the thickness of the border that is applied. This only affects your layout if you add borders. Where you don’t use borders in your layout, this does not apply. You can also override these options using the Row and Cell icons on the Ribbon bar. To change an individual row or cell, first select the row or cell in the Preview area, and then select the Row or Cell icon on the Ribbon bar. (Hint: You can more easily visualize these options in the Preview area, if you add borders to your cells. If you have the Standard edition of Artisteer, you may also find it more convenient to use the Layout
Options dialog (StylingAll PagesSpacingMore Spacingsselect ‘preview’) so you can visually see your changes as you adjust the options).
Again, the All Pages options only apply if you select a layout and a layout style that includes the design elements that apply to the options you select. For example, if you define a border, the border, and style (thickness, type, and color) will only appear if you select a layout style that includes a border. Similarly, you might have several pages with different content layouts. Those with borders will have the border selection defined in the All Pages options; those without will not have those changes.
All Pages Option
Styling All Pages Option
Margin Use this to adjust the spacing between cells in adjacent rows. The larger the margin, the more space between rows. Use this in conjuction with the ‘spacing’ option below to add space between your cells.
Padding Use this to adjust the spacing around your content (e.g. text) within a cell. The cell and the content (e.g. text) is reshaped to
accommodate the amount of spacing you want to reserve around the content.
Spacing Use this to adjust the spacing between cells in the same row. The larger the ‘spacing’, the more space between cells on the same row. Use this with the margin option above to add space between your cells.
Border Use this to select the border thickness, color and style.
Highlight Color The color you want to apply to the background of the content cell. This sets the default color applied which you can override with the Row and Cell options. When you select a ‘styling’, you are defining which cells should have a highlight (default) color, and which cells
alternate colors for every other cell. This option defines the default highlight color when the cell is selected to be highlighted (‘styling’ option).
The Row and Cell