Howto Create Tables in RSD with the...

User 131545 Photo


Registered User
633 posts

Hello,

Since the software no tables supported in html 5 is there any other way but I still not to create tables. I would like a table with 2 columns and 5 rows. The two columns contain the header text and the rows are the cells where content is stored as in my case text.
Can anyone point me in steps explain how I should make that table may also in a video but like in steps that I can follow.
Best regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,638 posts

I can explain it, but I don't make videos.
Do you want the columns to go one below the other on small screens?
Are they supposed to have the same width when they are side by side?
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 131545 Photo


Registered User
633 posts

Inger,

You make sure the steps explain with text and with a project how table design first on a small screen mobile so and then gradually on tablet screen and pc screen.
On small screens, the columns under each other.
If they are next to each other, the columns are the same width.
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,638 posts

See if you get to grips with this.
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 131545 Photo


Registered User
633 posts

Inger,

How can I create this design with 2 column-table with the traditional layout grid with the Responsive Site Designer v2.5?

With kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,638 posts

The suggestion I did was indeed made with RSD 2.5. If you happen to have SD3 installed, the file probably opened in SD3, but just close that, unzip again, and then right-click to open with RSD 2.5.

As to 'columns' we will have to keep the tounge straight in the mouth here, because
1. in RSD (both in Bootstrap and Foundation) a 'column' is the unit sitting inside a row, taking up a certain number of spans.
2. In a table, any table, also Excel tables, a column is a vertical unit, usually with a number of subdivisions below each other (cells in Excel, containers or images etc in both RSD and SD3).
In the explanation of the table I submitted, I have, in the 1st bullet point, used the word column as in #1, and I have just one such column.
The 'wrapper-inner' containers form the other kind of columns, 'table columns' if you like. I have, per your wish, two of those.

The reasons for making it this way:
- it's quicker and easier
- in RSD you cannot set a row to display flex, but anything inside rows can.
- if you ever find yourself starting to use SD3, you will thank me for it, as it is much easier to convert than if I had made two such columns as I mentioned in #1.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.