Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Table in text display question - issues with borders

  • Gensz78
  • Gensz78's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 4 months ago #160573 by Gensz78
Hello!

I'd like to insert a table in a text display question but I can't seem to get the table to show properly: the inside borders don't show so the table is confusing. See attached for picture of table issue and survey structure.

I'm using Version 2.65.1+170522 and the default template (flat and modern). Please note that I can't change the template.

Thanks!

Gen


File Attachment:

File Name: limesurvey...7358.lss
File Size:13 KB


The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 4 months ago #160574 by Joffm
Hi,
1. add some styles
Code:
<style type="text/css">
.mytable {
    border: 3px solid red;
    width:100%;  
    border-collapse: collapse;
}
.mycell {
    border: 1px solid yellow;
    padding: 5px;
  }
</style>

2, add the classes:
Code:
<table class="mytable">
  <tbody>
    <tr>
      <td class="mycell">test</td>
      <td class="mycell">test</td>
    </tr>
    <tr>
      <td class="mycell">test</td>
      <td class="mycell">test</td>
    </tr>
    <tr>
      <td class="mycell">test</td>
      <td class="mycell">test</td>
    </tr>
  </tbody>
</table>

Result:


Best regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • Gensz78
  • Gensz78's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 4 months ago #160575 by Gensz78
Thank you so much!!!

Gen
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 4 months ago #160678 by DenisChenu
Another solution : use boostrap class.
<table class="table table-bordered">
See getbootstrap.com/docs/3.3/css/#tables

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 4 months ago #160683 by Joffm
Thanks, Denis, to remind me.

Too often I forget about the bootstrap classes.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 4 months ago #160686 by DenisChenu
Hey, your solution are good too :)

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose