Using the blocks

Generally

To Add a block
1) Click Library.
2) Select the Block in the library you want to use and drag it onto the page.
3) To view the block select preview. Make sure the theme you are using has the Rapidweaver.org framework installed.

Editing the Block
The block can be resized by dragging the handles on the side. I can be moved by clicking and dragging.

Editing Smart info
4) Select the block and click Smart info. This will bring up the smart info panel for the block which lets you change its appearance.

Rounded block 1.3 - blocks kit

A plain rounded block. Block works like a styled text page, so use rapidweaver tools to edit text, add links and images. Make sure your text is between: <!-- Your content goes here --> and <!--end content-->. To make the block larger, edit the block like you would normally in ‘edit’ mode on the blocks page, by dragging the edge of the block. For information on smart info, see the smart info section of the manual.

Collapsible block rounded 1.3 - block kit

Collapsable rounded blocks are rounded blocks that can be opened and closed. Edit this block in a similar way to the rounded block. The main difference is that there is a separate area for the heading and new smart info options. To stack a collapsible rounded block, select all the text in it starting from and including the green text and ending with and including the green text. Paste this text straight underneath, in preview they should be stacked.

Collapsible block, html/css 1.3 - block kit

Edit in exactly the same way you would edit Collapsable rounded blocks. Notice that there is new smart info though, please see the smart info section of the manual.

Menu, automatic, rounded 1.3 - block kit

Rounded Menu block. Generates all the links automatically. Only does two levels of menus. Edit the font by editing the text %toolbar%. To do this, select the text %toolbar% and go to the format menu. The format menu give options for making the text bold, giving it an underline, using websafe fonts, changing the font color or making the text larger and smaller.

Menu, automatic, html/css 1.3 - Block kit

HTML/CSS Menu block. Edit in exactly the same way you would edit a rounded menu block. Notice that there is new smart info though, please see the smart info section of the manual.

Menu, manual, rounded 1.3 - block kit

Manual rounded menu block. Change a link by clicking on it. To add a new link, copy all the text, including the purple text, on one row and paste directly above the red text which says: '<!--paste sub item above me-->'. To make a new heading, copy all the text, from and including the green text, to the next green text. Paste this directly above the red text: <!--Paste heading above me-->. Everything else works like the rounded automatic menu.

Menu, manual, html/css 1.3 - block kit

Manual HTML/CSS menu block. Edit in exactly the same way you would edit a manual rounded menu block. Notice that there is new smart info though, please see the smart info section of the manual.

Submenu, automatic, 1.3 - Block Kit

Automatic submenu. Edit like you would the automatic rounded menu. It will only show links to sibling pages.

Previous Lesson: How to add the blocks to the library Table of Contents Next Lesson: Editing the blocks appearance