Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 24, 2013 at 11:14 am #165549
    toshism

    I was wondering if you could advise the easiest way to insert a table into a tab please?

    When clicking the shortcode icon on the word like editor I only see drop cap and font options.

    I created a table in straight html and copied and pasted the code to the editor, but that method broke the page and made the layout all funny.

    Any help would be appreciated.

    September 24, 2013 at 4:38 pm #165725
    Yigit

    Hi toshism!

    You can try creating Table in Default Editor and then copy the code and paste inside a Tab Element created in Advanced Layout Builder

    Regards,
    Yigit

    September 24, 2013 at 5:27 pm #165748
    toshism

    Hi there Yigit,
    thank you very much for your reply. Much appreciated.

    You can see here that your suggestion is what I did:

    http://www.coldfusionchalets.co.uk/2013/our-chalets/chalet-1-chamonix/

    you will see that in the tabbed area on the Dates & Prices tab, I pasted the
    code.

    Below the tabbed area you can see that I used the table creator to make the
    table.

    There is one problem that needs to be solved now.

    You can see that the table is made up of 3 columns. Obviously the title row
    of a column is important. When viewing this on a mobile it appears that the
    titles of the columns are lost and in this case a user would not know what
    each of the prices relates to.

    Do you have any suggestions as to how I could overcome this problem?

    Thank you in advance for your help

    Tosh

    September 25, 2013 at 5:37 pm #166171
    Yigit

    Hi Tosh!

    Please add following code to Quick CSS in Enfold theme options under Styling

    .responsive .avia-data-table tr:first-child th { display: block; }

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘What is the easiest method of adding a table to a tab?’ is closed to new replies.