Tables in yola possible or not?

  • 2
  • Question
  • Updated 5 years ago
  • Answered
Hello,
I've been using Yola for more than a year now and just wondering if would it possible to make table with text and image inside like on this site http://abbotsfordgolfsection.yolasite... , the one with black background, sorry guys for the bad English.
Photo of Lester

Lester

  • 2 Posts
  • 0 Reply Likes
  • confused

Posted 9 years ago

  • 2
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi Lester,

You can now easily create a table using the table button in the HTML Helper.

Here are the steps to create your own table:

1) Go to HTML Helper. Click on the "Insert/Edit Table"button on the toolbar. (first button on third row of toolbar).
2) A popup window called "Table Properties" will appear. Customize your table to your specifications.

* Rows: in this field you specify how many rows do you want to have in your table .
* Columns: in this field you specify how many columns do you want your table to have.
* Headers: select if you would like a header for your table.
* Border size: sets the thickness of the tables border.
* Alignment: specifies the alignment of your table. You can set it to left, center or right.
* Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percent the table will take 40% of the editing area width.
* Cell spacing: specifies how thick will the cells border be.
* Cell padding: sets the height of the cell.
* Caption: specifies the title of your table. The title will appear in the top of the table.
* Summary: sets a comment on the table. The comment will not appear in the table. It is only for usage.

**Please Note** - Not all of the options are required to build a table. You have to fill only Rows and Columns. Rest of the fields are optional and you may use them depending on your needs.

3) Click on "OK" once done.
4) Now you can enter content into your table. When entering text into your tables fields, you will notice that the cell will "move" while entering text. To prevent this, you need to set the "width" (length) of your cell to be static and to text wrap.

Here's how to set this: Right click in the cell. Go cell --> cell properties

Now set the width of your cell. Remember the width for each cell needs to be less than the width of your whole table, so as to accommodate the other cells.

5) You can use the formatting options available on the 5th and 6th rows of the toolbar to format your content.
6) Once you are happy with your table and you now want to add it your page, click on "View/Edit HTML". This will display the HTML code of your table. Copy this code and paste it into an HTML Widget on your page. Please remember to copy all the HTML code.
7) If you would like to make changes to your table, simply copy the HTML code you pasted in the HTML Widget. In the HTML Helper, click on "View/Edit HTML". Paste the code, then click on "View/Edit HTML" again. Your HTML code will be displayed as a table again and you can make your necessary changes.
Photo of atik

atik

  • 2 Posts
  • 0 Reply Likes
hi, anyone knows how to add and image to the table cell?
Photo of Geoff Reimers

Geoff Reimers

  • 1 Post
  • 0 Reply Likes
Thank you this is a great help
Photo of lewisbasic

lewisbasic

  • 9 Posts
  • 0 Reply Likes
I like the Google docs solution to this. I am playing with it here: http://biochembio.com/biology-tables.php
Photo of Lester

Lester

  • 2 Posts
  • 0 Reply Likes
Wow! that is really a big help, thanks Kershnee, your the best...
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
You are welcome! If anything is unclear, please let us know.
Photo of lewisbasic

lewisbasic

  • 9 Posts
  • 0 Reply Likes
Is there a way to paste in from Excel or Open Office? I don't want to recopy my tables ...
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
There is not a way to paste existing tables in from Excel or Open Office. You can however embed a Google table to prevent the need to code one from scratch using HTML. See Embedding Spreadsheets.
Photo of lewisbasic

lewisbasic

  • 9 Posts
  • 0 Reply Likes
SO--
1. Make spreadsheet into Google doc
2. Embed Google spreadsheet.
?
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hi Lewisbasic,

Please follow the instructions given on the link above that Laura shared. I'm sure that you will find the information helpful. If you do struggle with this, please let us know and we can further assist.
Photo of lewisbasic

lewisbasic

  • 9 Posts
  • 0 Reply Likes
Thanks. Google docs worked OK, but it is hard to control the format and the look on the website,
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
You can also try using Zoho.com as another alternative. I'm not sure if that will meet your needs or not.
Photo of atik

atik

  • 2 Posts
  • 0 Reply Likes
hi, can i add an image to the table cell, and how?
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hi Atik,

You would need to add the image using HTML (bearing in mind you would need your image URL)

It would look like this:

<img src="angry.gif" alt="Angry face" />

Changing the URL of the image source to the URL of your image.

I hope this helps.
Photo of mqpchina

mqpchina

  • 5 Posts
  • 0 Reply Likes
oh, i tried the HTML Helper, but it can not be used.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi mqpchina

Would you mind elaborating? Why are you not able to use the HTML Helper to create a table on your site?
Photo of mqpchina

mqpchina

  • 5 Posts
  • 0 Reply Likes
Thank you for your response, i went to the HTML Helper, i only saw an empty whiteboard, no button above. so, I can not use it.
Photo of mqpchina

mqpchina

  • 5 Posts
  • 0 Reply Likes
Photo of mqpchina

mqpchina

  • 5 Posts
  • 0 Reply Likes
This is what i see.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Official Response
Hello mqpchina,

I'm sorry to hear that you are unable to use the HTML Helper. Can you please try updating your Flash and Java, and also try using a different browser to see if that helps?

If you still have troubles, you can also use this Table Generator. Then, copy the HTML code provided and paste into an HTML Widget.

Please let us know if you have any further troubles.
Photo of Mimi Lichtenstein

Mimi Lichtenstein

  • 2 Posts
  • 0 Reply Likes
Hi. I am having a similar issue. I have a table on my yola site that I used Tableizer to create. However, my data in the table regularly changes and updating via Tableizer is difficult. The solution by Kershenee (3 yrs ago) to use the HTML Helper Insert/Edit Table sound perfect but I do not see that option at the link he provided. What is the current ability to create a table within Yola? I also would like to add a picture like Atik.
Thank you!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Mimi

The link Kershnee provided is unfortunately no longer available. An alternative option would be quackit.com which Sanja suggested in her last post. I understand if it's difficult to update that table, but I'm afraid I can't offer you a better solution right now.