![\"toggle](\"\/wp-content\/uploads\/sites\/10270\/2016\/02\/Screen-Shot-2016-02-24-at-6.49.18-PM.png\")
<\/a> Toggle toolbar[\/caption]\n\nThen use the Table Creator tool at the bottom left to create a table in your book.\n\n![\"table](\"\/wp-content\/uploads\/sites\/10270\/2016\/04\/table-tool.png\")
<\/a>\n\nOnce you have created your table and filled it with text, you can add styles such as headings as you would normally, by highlighting the text\u00a0and choosing a style from the dropdown menu in the toolbar.\n\nTo edit the table in other ways, place your cursor in any cell and click on the Table Creator button once again. From this menu you can:\n- \n \t
- Insert another table within a cell<\/li>\n \t
- Access the table properties (see below)<\/li>\n \t
- Delete the entire table<\/li>\n \t
- Edit cell, row and column properties<\/li>\n \t
- Merge and split cells<\/li>\n \t
- Add and remove rows and columns<\/li>\n \t
- Copy, cut and paste rows and columns<\/li>\n<\/ul>\n[caption id=\"attachment_1300\" align=\"aligncenter\" width=\"1024\"]
![\"Table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/table1-1024x555.png\")
<\/a> Table menu[\/caption]\nTable Properties<\/h3>\nTo access your table properties, click anywhere in the table, then click the Table<\/strong> icon on the visual editor toolbar. From the dropdown menu, select Table properties<\/strong>.\n\nThrough Table Properties, you can:\n
- \n \t
- Adjust the width and height of your table<\/li>\n \t
- Adjust the cell padding and cell spacing<\/li>\n \t
- Increase or decrease the weight of the border<\/li>\n \t
- Add a caption<\/li>\n \t
- Change the alignment<\/li>\n \t
- Change the class<\/li>\n<\/ul>\n
![\"Table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor1.png\")
<\/a>\nAdjust Width and Height<\/h4>\n
\n\n![\"Width](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor2.png\")
<\/a>\n\n<\/div>\nWidth<\/h5>\nThe width of your table is set as a percentage of the page size or as a pixel value. For print, this width size remains static.\n\nIn digital versions of your book (for instance, your webbook or EPUB file) a table with a width set by percentage will be responsive to the device \u00a0\u2013 for example, a reader viewing the table on their phone will see a far narrower table than a reader that view the same table on a large computer. Both readers see the entire table within their screen.\n\nA table set in pixels will be static on all exports and not responsive to the device.\n\nActual displayed widths may also vary depending on the content inside the table. For instance, if the content inside the table exceeds the width percentage or pixel value you\u2019ve set, the table will still expand past those parameters to display all of the content.\n\nBy default, the width of your table will be set at 100%. This means that the table will take up the entire width of the page and end at the left and right margins.\n\nYou can increase or decrease your table\u2019s width by changing the percentage or settings a pixel value.\n\nTo set a percentage width<\/strong>: Enter \u201c50%\u201d (or other value) next to Width in the Table Properties window\n\nTo set a pixel width<\/strong>: Enter \u201c50px\u201d (or other value) next to Width in the Table Properties window\n
\n\n![\"Width](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor3.2.png\")
<\/a>\n\n<\/div>\nA table with a 50% width would render like this in the webbook:\n\n\n![\"A](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor4.2.png\")
<\/a>\n\n<\/div>\nHeight<\/h5>\nTable height, by contrast, is measured only in pixels, or \u201cpx\u201d because height is static across all export types.\n\nThere is a minimum height pixel value that you can set a table to, and the minimum height will depend on how many rows your table has. A two-row table, for example, cannot have a pixel height value of less than 50px; the table will return to the default size if a value lower than that is entered.\n\nTo set a pixel height<\/strong>: Enter \u201c100px\u201d (or other value) next to Height<\/strong> in the Table Properties<\/strong> window.\n
\n\n![\"The](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditorheight.png\")
<\/a>\n\n<\/div>\nTables with custom heights may look like this in your webbook:\n\n\n![\"Tables](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditorheight2.png\")
<\/a>\n\n<\/div>\nAdjust Cell Padding & Spacing<\/h4>\n
NOTE:\u00a0<\/strong>These options aren't currently supported, but watch this space! We've got improvements in the works.<\/div>\n \nChange Border Weight<\/h4>\nYou can increase or decrease the weight of your border by changing the quantity next to Border<\/strong> in the Table Properties window.\n
\n![\"\"](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor5.2.png\")
<\/a><\/h4>\n<\/div>\nThe default weight for the border is \u201c1.\u201d The higher the number, the more thick your table border will be.\n\n\n![\"Table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditorborder.png\")
<\/a>\n\n<\/div>\nNOTE:\u00a0<\/strong>The Border property is not fully supported at this time. But watch this space! We\u2019ve got improvements in the works.<\/div>\nTable Captions<\/h4>\nThe table caption option can be enabled by checking the box next to Caption<\/strong> on the Table Properties window. Be sure to click OK<\/strong> after you\u2019ve enabled this feature.\n
\n\n![\"Table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor6.png\")
<\/a>\n\n<\/div>\nAfter, you\u2019ll see a blank space above your table in the visual editor. Click in this space to type your table caption.\n\n![\"Visual](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor7.png\")
<\/a>\n\nThe caption will display below your table in your Pressbooks webbook.\n\n\n![\"A](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tablecaption1.png\")
<\/a>\n\n<\/div>\nIn your ebook and print exports, the caption will display on top of the table.\n\n\n![\"The](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tablecaption2.png\")
<\/a>\n\n<\/div>\nAlignment<\/h4>\nYou can change the alignment of your table by clicking on the Alignment<\/strong> dropdown menu in the Table Properties menu.\n\nThe default alignment for all tables is \u201cNone.\u201d You can change the alignment to Left or Right.\n\n
![\"Table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditoralignment1.png\")
<\/a>\n\nYour aligned tables should look like this in your webbook and exports:\n\n\n![\"None,](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditoralignment2.png\")
<\/a>\n\n<\/div>\nRight and left aligned tables will also automatically have body text wrap around them in your webbook.\n\n\n![\"Text](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditoralignment3.png\")
<\/a>\n\n<\/div>\nThis wrapping feature is\u00a0 not yet available for exports other than the webbook.\nNOTE:\u00a0<\/strong>While there is currently an option to align tables at center, we do not fully support the feature at this time. Watch this space for improvements to our table options.<\/div>\nClass<\/h4>\nYou can change the class of your table by clicking on the dropdown menu next to Class<\/strong> in the Table Properties window. Each class defines a preset look for the table.\n\nAll tables default to the Standard class. You can choose from four classes:\n
- \n \t
- Standard<\/li>\n \t
- No lines<\/li>\n \t
- Lines<\/li>\n \t
- Shaded<\/li>\n<\/ul>\n\n\n
![\"Standard,](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/tableeditor9.png\")
<\/a>\n\n<\/div>\nBe sure to click OK after you make any changes to the class.\nHow to Create Textboxes in Pressbooks<\/h2>\nTo add a textbox to your post, click on\u00a0the toggle bar at the top right to show the full formatting toolbar.\n\n[caption id=\"attachment_1085\" align=\"aligncenter\" width=\"774\"]
![\"toggle](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/Screen-Shot-2016-02-24-at-6.49.18-PM.png\")
<\/a> Toggle toolbar[\/caption]\n\nThen find the \"Textboxes\" menu and make your selection. This will insert an empty textbox into your post. Alternatively, you can highlight your text first, then choose the textbox style you need and see it appear with your text already inside:\n\n[caption id=\"attachment_1303\" align=\"aligncenter\" width=\"1024\"]![\"Choose](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/textbox1-1-1024x557.png\")
<\/a> Choose your textbox style[\/caption]\n\nTextboxes can serve many purposes, and Pressbooks has several preset styles to suit your needs, including many\u00a0that are useful for textbooks and workbooks. Some of the more specialized styles include:\n\nLearning Objectives<\/h3>\nType your learning objectives here.\n
- \n \t
- First<\/li>\n \t
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Key Takeaways<\/h3>\nType your key takeaways here.\n
- \n \t
- First<\/li>\n \t
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Exercises<\/h3>\nType your exercises here.\n
- \n \t
- First<\/li>\n \t
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Examples<\/h3>\nType your examples here.\n
- \n \t
- First<\/li>\n \t
- Second<\/li>\n<\/ul>\n<\/div>\n
How To Customize Your Textbox Colors<\/h3>\nYou can customize your textbox colors in Pressbooks on four themes:\n
- \n \t
- Clarke<\/li>\n \t
- Asimov<\/li>\n \t
- Jacobs<\/li>\n \t
- McLuhan<\/li>\n<\/ul>\nTo change your textbox colors from their default palette, follow these steps:\n\n1. Go to\u00a0Appearance > Theme Options\u00a0<\/strong>from the left-hand menu of your book's dashboard\n\n
![\"Click](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/textboxcolors1.png\")
<\/a>\n\n2. Scroll down to\u00a0see your customization options for\u00a0Examples, Exercises, Key Takeaways,\u00a0<\/strong>and\u00a0Learning Objectives\u00a0<\/strong>\n\n![\"You](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/textboxcolors2.png\")
<\/a>\n\n3. Click\u00a0Select Color\u00a0<\/strong>next to the element you'd like to change (Header Color, Header Background, or Background)\n\n![\"The](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/textboxcolors3.png\")
<\/a>\n\nThis opens up the color picker. You can input your own color hex code, choose a color from the bottom row, pick a hue from the spectrum, and pick a shade from the sidebar. Click Default<\/strong> to return the element color to its default.\n\n4. Click\u00a0Save Changes\u00a0<\/strong>at the bottom of the page\n\nAll textbox color customizations will affect every textbox of that specified type in your book. For example, if you change the Key Takeaways Header Background to green here, all Key Takeaways in your book will now have a green header background.\n\nThis change affects all export types. You can see the new, custom color textboxes in your visual editor.\n\n![\"You](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/textboxcolors4.png\")
<\/a>\nCustom Textboxes<\/h3>\nYou can also insert\u00a0a custom textbox using the textbox menu, which allows you to add a custom CSS class that you can then style in the CSS editor.\u00a0You can also customize the existing styles if you're confident with CSS. For more on this, see our guide chapter on customizing your CSS<\/a>.\n\nNOTE: <\/strong>Some textboxes can be a little temperamental; in particular the standard and shaded styles\u00a0don't\u00a0like you hitting \"Enter,\" which will create a new textbox below the existing one. To get around this, you need to use a soft return by hitting \"Shift+Enter\" to get a new line.\n\n
\n\nPrefer to watch and learn? Here\u2019s a brief visual intro to adding textboxes and tables\u00a0in Pressbooks.\n\nhttps:\/\/www.youtube.com\/watch?v=wlAO6QaDCEw","rendered":"This chapter will cover how to insert and customize\u00a0tables and textboxes\u00a0in your book in Pressbooks.<\/p>\n
How to Create Tables in Pressbooks<\/h2>\n
For best results including tables in your book, use our Table Creator tool in the Visual Editor.<\/p>\n
Log in to your book. Go to Text \/ Organize and click on the chapter in which you would like to add a table.<\/p>\n
Click on\u00a0the toggle bar at the top right to show the full formatting toolbar.<\/p>\n
<\/a><\/p>\nToggle toolbar<\/p>\n<\/div>\n
Then use the Table Creator tool at the bottom left to create a table in your book.<\/p>\n
![\"table](\"https:\/\/pb.malartu.org\/pbuserguide\/files\/2016\/09\/table-tool.png\")
<\/a><\/div>\nOnce you have created your table and filled it with text, you can add styles such as headings as you would normally, by highlighting the text\u00a0and choosing a style from the dropdown menu in the toolbar.<\/p>\n
To edit the table in other ways, place your cursor in any cell and click on the Table Creator button once again. From this menu you can:<\/p>\n
- \n
- Insert another table within a cell<\/li>\n
- Access the table properties (see below)<\/li>\n
- Delete the entire table<\/li>\n
- Edit cell, row and column properties<\/li>\n
- Merge and split cells<\/li>\n
- Add and remove rows and columns<\/li>\n
- Copy, cut and paste rows and columns<\/li>\n<\/ul>\n<\/a><\/p>\n
Table menu<\/p>\n<\/div>\n
Table Properties<\/h3>\n
To access your table properties, click anywhere in the table, then click the Table<\/strong> icon on the visual editor toolbar. From the dropdown menu, select Table properties<\/strong>.<\/p>\n
Through Table Properties, you can:<\/p>\n
- \n
- Adjust the width and height of your table<\/li>\n
- Adjust the cell padding and cell spacing<\/li>\n
- Increase or decrease the weight of the border<\/li>\n
- Add a caption<\/li>\n
- Change the alignment<\/li>\n
- Change the class<\/li>\n<\/ul>\n<\/a><\/div>\n
Adjust Width and Height<\/h4>\n
\n<\/a><\/div>\n<\/div>\nWidth<\/h5>\n
The width of your table is set as a percentage of the page size or as a pixel value. For print, this width size remains static.<\/p>\n
In digital versions of your book (for instance, your webbook or EPUB file) a table with a width set by percentage will be responsive to the device \u00a0\u2013 for example, a reader viewing the table on their phone will see a far narrower table than a reader that view the same table on a large computer. Both readers see the entire table within their screen.<\/p>\n
A table set in pixels will be static on all exports and not responsive to the device.<\/p>\n
Actual displayed widths may also vary depending on the content inside the table. For instance, if the content inside the table exceeds the width percentage or pixel value you\u2019ve set, the table will still expand past those parameters to display all of the content.<\/p>\n
By default, the width of your table will be set at 100%. This means that the table will take up the entire width of the page and end at the left and right margins.<\/p>\n
You can increase or decrease your table\u2019s width by changing the percentage or settings a pixel value.<\/p>\n
To set a percentage width<\/strong>: Enter \u201c50%\u201d (or other value) next to Width in the Table Properties window<\/p>\n
To set a pixel width<\/strong>: Enter \u201c50px\u201d (or other value) next to Width in the Table Properties window<\/p>\n
\n<\/a><\/div>\n<\/div>\nA table with a 50% width would render like this in the webbook:<\/p>\n
\n<\/a><\/div>\n<\/div>\nHeight<\/h5>\n
Table height, by contrast, is measured only in pixels, or \u201cpx\u201d because height is static across all export types.<\/p>\n
There is a minimum height pixel value that you can set a table to, and the minimum height will depend on how many rows your table has. A two-row table, for example, cannot have a pixel height value of less than 50px; the table will return to the default size if a value lower than that is entered.<\/p>\n
To set a pixel height<\/strong>: Enter \u201c100px\u201d (or other value) next to Height<\/strong> in the Table Properties<\/strong> window.<\/p>\n
\n<\/a><\/div>\n<\/div>\nTables with custom heights may look like this in your webbook:<\/p>\n
\n<\/a><\/div>\n<\/div>\nAdjust Cell Padding & Spacing<\/h4>\n
NOTE:\u00a0<\/strong>These options aren’t currently supported, but watch this space! We’ve got improvements in the works.<\/div>\n<\/p>\n
Change Border Weight<\/h4>\n
You can increase or decrease the weight of your border by changing the quantity next to Border<\/strong> in the Table Properties window.<\/p>\n
\n<\/a><\/h4>\n<\/div>\nThe default weight for the border is \u201c1.\u201d The higher the number, the more thick your table border will be.<\/p>\n
\n<\/a><\/div>\n<\/div>\nNOTE:\u00a0<\/strong>The Border property is not fully supported at this time. But watch this space! We\u2019ve got improvements in the works.<\/div>\nTable Captions<\/h4>\n
The table caption option can be enabled by checking the box next to Caption<\/strong> on the Table Properties window. Be sure to click OK<\/strong> after you\u2019ve enabled this feature.<\/p>\n
\n<\/a><\/div>\n<\/div>\nAfter, you\u2019ll see a blank space above your table in the visual editor. Click in this space to type your table caption.<\/p>\n
<\/a><\/div>\nThe caption will display below your table in your Pressbooks webbook.<\/p>\n
\n<\/a><\/div>\n<\/div>\nIn your ebook and print exports, the caption will display on top of the table.<\/p>\n
\n<\/a><\/div>\n<\/div>\nAlignment<\/h4>\n
You can change the alignment of your table by clicking on the Alignment<\/strong> dropdown menu in the Table Properties menu.<\/p>\n
The default alignment for all tables is \u201cNone.\u201d You can change the alignment to Left or Right.<\/p>\n
<\/a><\/div>\nYour aligned tables should look like this in your webbook and exports:<\/p>\n
\n<\/a><\/div>\n<\/div>\nRight and left aligned tables will also automatically have body text wrap around them in your webbook.<\/p>\n
\n<\/a><\/div>\n<\/div>\nThis wrapping feature is\u00a0 not yet available for exports other than the webbook.<\/p>\n
NOTE:\u00a0<\/strong>While there is currently an option to align tables at center, we do not fully support the feature at this time. Watch this space for improvements to our table options.<\/div>\nClass<\/h4>\n
You can change the class of your table by clicking on the dropdown menu next to Class<\/strong> in the Table Properties window. Each class defines a preset look for the table.<\/p>\n
All tables default to the Standard class. You can choose from four classes:<\/p>\n
- \n
- Standard<\/li>\n
- No lines<\/li>\n
- Lines<\/li>\n
- Shaded<\/li>\n<\/ul>\n\n<\/a><\/div>\n<\/div>\n
Be sure to click OK after you make any changes to the class.<\/p>\n
How to Create Textboxes in Pressbooks<\/h2>\n
To add a textbox to your post, click on\u00a0the toggle bar at the top right to show the full formatting toolbar.<\/p>\n
<\/a><\/p>\nToggle toolbar<\/p>\n<\/div>\n
Then find the “Textboxes” menu and make your selection. This will insert an empty textbox into your post. Alternatively, you can highlight your text first, then choose the textbox style you need and see it appear with your text already inside:<\/p>\n
<\/a><\/p>\nChoose your textbox style<\/p>\n<\/div>\n
Textboxes can serve many purposes, and Pressbooks has several preset styles to suit your needs, including many\u00a0that are useful for textbooks and workbooks. Some of the more specialized styles include:<\/p>\n
\nLearning Objectives<\/h3>\n
Type your learning objectives here.<\/p>\n
- \n
- First<\/li>\n
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Key Takeaways<\/h3>\n
Type your key takeaways here.<\/p>\n
- \n
- First<\/li>\n
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Exercises<\/h3>\n
Type your exercises here.<\/p>\n
- \n
- First<\/li>\n
- Second<\/li>\n<\/ul>\n<\/div>\n\n
Examples<\/h3>\n
Type your examples here.<\/p>\n
- \n
- First<\/li>\n
- Second<\/li>\n<\/ul>\n<\/div>\n
How To Customize Your Textbox Colors<\/h3>\n
You can customize your textbox colors in Pressbooks on four themes:<\/p>\n
- \n
- Clarke<\/li>\n
- Asimov<\/li>\n
- Jacobs<\/li>\n
- McLuhan<\/li>\n<\/ul>\n
To change your textbox colors from their default palette, follow these steps:<\/p>\n
1. Go to\u00a0Appearance > Theme Options\u00a0<\/strong>from the left-hand menu of your book’s dashboard<\/p>\n
<\/a><\/div>\n2. Scroll down to\u00a0see your customization options for\u00a0Examples, Exercises, Key Takeaways,\u00a0<\/strong>and\u00a0Learning Objectives\u00a0<\/strong><\/p>\n
<\/a><\/div>\n3. Click\u00a0Select Color\u00a0<\/strong>next to the element you’d like to change (Header Color, Header Background, or Background)<\/p>\n
<\/a><\/div>\nThis opens up the color picker. You can input your own color hex code, choose a color from the bottom row, pick a hue from the spectrum, and pick a shade from the sidebar. Click Default<\/strong> to return the element color to its default.<\/p>\n
4. Click\u00a0Save Changes\u00a0<\/strong>at the bottom of the page<\/p>\n
All textbox color customizations will affect every textbox of that specified type in your book. For example, if you change the Key Takeaways Header Background to green here, all Key Takeaways in your book will now have a green header background.<\/p>\n
This change affects all export types. You can see the new, custom color textboxes in your visual editor.<\/p>\n
<\/a><\/div>\nCustom Textboxes<\/h3>\n
You can also insert\u00a0a custom textbox using the textbox menu, which allows you to add a custom CSS class that you can then style in the CSS editor.\u00a0You can also customize the existing styles if you’re confident with CSS. For more on this, see our guide chapter on customizing your CSS<\/a>.<\/p>\n
NOTE: <\/strong>Some textboxes can be a little temperamental; in particular the standard and shaded styles\u00a0don’t\u00a0like you hitting “Enter,” which will create a new textbox below the existing one. To get around this, you need to use a soft return by hitting “Shift+Enter” to get a new line.<\/p>\n
\nPrefer to watch and learn? Here\u2019s a brief visual intro to adding textboxes and tables\u00a0in Pressbooks.<\/p>\n