11. Subpage Listing



 Prev:
10. Table of Contents		 Menu: 
WYSIWYG HTML		  Next:
12. Horizontal line

Subpage Listing Html

Create subpage Listings in Google Sites through the WYSIWYG Insert HTML menu


Subpage Listing WYSIWYG Menu


Subpage Listing Html 

<img height="300" props="align:center;borderTitle:Google Sites HTML;displayAs:TOC;maxDepth:1;rootPage:wuid#58gx#5815b5e5509c40406d;rootPageTitle:Google Sites HTML;width:250;wrap:false;" src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BPage+listing'%3D20'f%5Cv'a%5C%3D0'10'%3D249'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Google+Sites+HTML%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D250'%3D297'dim'%5C%3D10'%3D10'%3D250'%3D297'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=XP939EmD8Ede0FEEZI3KszrCPFQ" style="display:block;margin:5px auto;text-align:center;" type="subpages" width="250">.

Standard Subpage Listing HTML Code

The subpage listing code is specific html for Google Sites only and will only render within Google Sites.

Google Sites Subpage Listing HTML Code


<img height="300" props="align:center;borderTitle:Google Sites HTML;displayAs:TOC;maxDepth:1;rootPage:wuid#58gx#5815b5e5509c40406d;rootPageTitle:Google Sites HTML;width:250;wrap:false;" src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BPage+listing'%3D20'f%5Cv'a%5C%3D0'10'%3D249'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Google+Sites+HTML%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D250'%3D297'dim'%5C%3D10'%3D10'%3D250'%3D297'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=XP93xxxxxxxxzrCPFQ" style="display:block;margin:5px auto;text-align:center;" type="subpages" width="250">

Google Sites Creates an Additional  attribute for the  image [chart] tag.

The Inline CSS props and style attribute can also be used, by clicking the <HTML> button in the Insert HTML .

<div style="" >Inline CSS </div>

Inline CSS






Subpage Listing - Example


 Subpage Listing Properties


When editing a Subpage Listing with it's own WYSIWYG submenu.
  • Properties
  • Alignment
  • Size
  • Text Wrapping
  • Link
Under the properties [Gear] button you have the following:
  • Title
  • Subpages
  • Levels
  • Width
  • Appearance



Google Sites - WYSIWYG HTML Menus


WYSIWYG Menu - Menu bar

WYSIWYG Menu Bar

WYSIWYG Menu - Insert HTML

WYSIWYG Insert Menus

WYSIWYG Menu - Format HTML

WYSIWYG Format Menus

WYSIWYG Menu - Insert Table HTML

WYSIWYG Insert Table Menu

WYSIWYG Menu - Adjust Layout HTML


The Layout HTML Menu is not adjustable manually through the HTML editor.

WYSIWYG LAYOUT Menu