[Guide] How to Make Tables Using the Text Editor

Discussion in 'Help' started by E.T., Oct 28, 2016.

Moderators: E.T., Zoroark
  1. E.T.

    E.T. Random Slowpoke Super Moderator Server Administrator Articles Leader Super Moderator Server Administrator Articles Leader

    Joined:
    Aug 22, 2013
    Messages:
    1,134
    Likes Received:
    1,177
    PO Trainer Name:
    E.T.
    How to Make Tables Using the Text Editor

    This is a guide that shows how to make tables using the rich text editor. If my screenshots don’t look familiar to you, it may be because I’m using the PO Modern Dark theme. You can adjust the theme in the Style box found here in your account preferences.

    To create a table, go to the Table menu, click Insert Table, and hover the mouse over the grid until you see the dimensions that you want your table to be.

    [​IMG]
    When you first create the table, it will be very tiny because it autofits to contents, and it is empty. You can click in one of the cells to start typing information, and you can navigate from cell to cell using the arrow keys.

    [​IMG]

    To clarify, a cell is the box that is created where a column and a row intersect. Columns run up and down, so in the picture below, Grass, Bulbasaur, Chikorita and Treecko would all be in a column. Rows run left and right, so in the picture below, Bulbasaur, Charmander and Squirtle would all be in a row.

    [​IMG]
    Below the table is the table toolbar. The buttons from left to right are as follows:
    1. Table Properties
    2. Delete Table
    3. Insert Row Above
    4. Insert Row Below
    5. Delete Row
    6. Insert Column Before
    7. Insert Column After
    8. Delete Colunm
    As can be seen in the picture below, I used the Insert Row Before button to add a new row, and I filled it in with Generation information.

    [​IMG]
    Text within the table can still be manipulated the same way that it can normally be manipulated. Here I changed the alignment of each cell to Center by clicking in the cell and clicking the Center button.

    [​IMG]

    Center Button:
    [​IMG]

    Text color can be changed by clicking on the A button and choosing a color.

    [​IMG]

    Text size can be changed by clicking the button that looks like the letter T and choosing a size.

    [​IMG]
    The table properties button is the first button on the table toolbar. When it is clicked, the following dialog box appears.

    [​IMG]

    Clicking the Caption check box allows you to insert a title for your table.

    [​IMG]

    The Width and Height boxes allow you to enter dimensions for the size of your table.

    [​IMG]

    [​IMG]

    Cell spacing adds more space around the cells.

    [​IMG]

    [​IMG]

    Cell padding increases the area of each cell.

    [​IMG]

    [​IMG]

    The Border box allows you to enter the thickness that the border will be.

    [​IMG]

    [​IMG]

    Alignment allows you to adjust how the table will be aligned in the post.

    [​IMG]

    [​IMG]

    There are a few more things that you can do if you click the Advanced tab in the Table properties box. Style is an alternate way that you can format the table. Border color and Background color allow you to choose a color for the border or background, respectively. You can choose the color by using the color box as shown below, or you can enter the hex values directly.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]
    This is what the table looks like in a post. I ended up making the background color #1f4166 so that it would show up better on other themes.


    Pokémon Starters
    GenerationGrassFireWater
    IBulbasaurCharmanderSquirtle
    IIChikoritaCyndaquilTotodile
    IIITreeckoTorchicMudkip
    That concludes this guide. If you have any questions or comments, feel free to post them below.
     
    Last edited: Oct 28, 2016
    Jethalal, Zoroark, LittleRoot and 3 others like this.
Moderators: E.T., Zoroark