- Posts: 19
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to Delete/Hide Buttons in An Array
7 months 2 weeks ago #233154
by msalum1
How to Delete/Hide Buttons in An Array was created by msalum1
(Write here your question/remark) Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Community Edition Version 5.4.3+220926
Own server or LimeSurvey hosting: LimeSurvey by an organization
Survey theme/template: Array (Likert Scale with comment box)
==================Hello, I'm looking for advice to do the following:
Your LimeSurvey version: LimeSurvey Community Edition Version 5.4.3+220926
Own server or LimeSurvey hosting: LimeSurvey by an organization
Survey theme/template: Array (Likert Scale with comment box)
==================Hello, I'm looking for advice to do the following:
- How to delete/hide the Radio button in column 4? I am aiming to separate the first three options from the last two. I tried following the tips from this thread ( forums.limesurvey.org/forum/can-i-do-thi...ckbox-into-the-table )but cannot seem to make it work. Please see attached.
- I also attempted putting a visual separator for my array question found on this thread, but it can't make it work: forums.limesurvey.org/forum/can-i-do-thi...rray-question#103755
Attachments:
Please Log in to join the conversation.
7 months 1 week ago #233173
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic How to Delete/Hide Buttons in An Array
Hi,
I am not surprised that the mentioned scripts don't work
The first is something quite different. It is used to move radio buttons into a HTML table in the question text.
The second is more than 8 years old and for a different version of LimeSurvey (you see that there is mentioned a "template.css" which dosn't exist anymore; now since there are "themes" instead of "templates" it is called "custom.css")
And let me add: You seem to be confused about the initial question about "Survey theme/template".
Here you should mention the used theme like "bootswatch", "fruity", "vanilla", respective a customization of one of them.
Now your question:
See here (to remove the radios)
[url] forums.limesurvey.org/forum/spanish-foru...nta-de-matriz#229865 [/url]
And you may adjust the column width by this
[url] forums.limesurvey.org/forum/can-i-do-thi...ray-text-cell#221379 [/url]
Personally I'd prefer a simple separation by space, color, font (simple css)
Remember: You still have this column in your dataset.
Some examples:
Joffm
I am not surprised that the mentioned scripts don't work
The first is something quite different. It is used to move radio buttons into a HTML table in the question text.
The second is more than 8 years old and for a different version of LimeSurvey (you see that there is mentioned a "template.css" which dosn't exist anymore; now since there are "themes" instead of "templates" it is called "custom.css")
And let me add: You seem to be confused about the initial question about "Survey theme/template".
Here you should mention the used theme like "bootswatch", "fruity", "vanilla", respective a customization of one of them.
Now your question:
See here (to remove the radios)
[url] forums.limesurvey.org/forum/spanish-foru...nta-de-matriz#229865 [/url]
And you may adjust the column width by this
[url] forums.limesurvey.org/forum/can-i-do-thi...ray-text-cell#221379 [/url]
Personally I'd prefer a simple separation by space, color, font (simple css)
Remember: You still have this column in your dataset.
Some examples:
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: msalum1
Please Log in to join the conversation.
7 months 1 week ago #233211
by msalum1
Replied by msalum1 on topic How to Delete/Hide Buttons in An Array
Thanks for the tips and clarification, Joffm. I'm currently using a bootswatch theme. I was able to hide the buttons. The thread is really helpful!
I'm also trying to find the code to make a vertical visual separator between column 4 and 5, just like what you showed. I followed your thread at: forums.limesurvey.org/forum/can-i-do-thi...een-matrix-responses . Unfortunately, I couldn't make the code work. I don't have an IT background so I'm just copy-pasting code to see if they work.
I used the following code:<style type="text/css">td.answer_cell_4 {
background-color: #efefef !important;
border-left: 4px solid #000 !important;
}
</style>
Can you recommend any other thread or a code so I can make a horizontal visual separator between column 4 and 5?
I'm also trying to find the code to make a vertical visual separator between column 4 and 5, just like what you showed. I followed your thread at: forums.limesurvey.org/forum/can-i-do-thi...een-matrix-responses . Unfortunately, I couldn't make the code work. I don't have an IT background so I'm just copy-pasting code to see if they work.
I used the following code:<style type="text/css">td.answer_cell_4 {
background-color: #efefef !important;
border-left: 4px solid #000 !important;
}
</style>
Can you recommend any other thread or a code so I can make a horizontal visual separator between column 4 and 5?
Please Log in to join the conversation.
7 months 1 week ago #233215
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic How to Delete/Hide Buttons in An Array
Hi,
why it is td.answer_cell_7 in my answer?
Because "7" is the code of this answer option.
As far as I remember you use some alphanumerical codes. So in your case it will be something like
td.answer_cell_Code_of_the_4th_answer_option
It is always recommended to investigate the page with the web development tool of your browser (F12 opens it in most modern browsers).
Here you see which css classes are affected and see the effect of changes.
Joffm
why it is td.answer_cell_7 in my answer?
Because "7" is the code of this answer option.
As far as I remember you use some alphanumerical codes. So in your case it will be something like
td.answer_cell_Code_of_the_4th_answer_option
It is always recommended to investigate the page with the web development tool of your browser (F12 opens it in most modern browsers).
Here you see which css classes are affected and see the effect of changes.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.
7 months 1 week ago #233291
by msalum1
Replied by msalum1 on topic How to Delete/Hide Buttons in An Array
Thanks again for your time, Joffm. I’ll try that code and will consult again in case. Cheers!
Please Log in to join the conversation.
7 months 1 week ago #233423
by msalum1
Replied by msalum1 on topic How to Delete/Hide Buttons in An Array
Hi Joffm,
I realized now why the code I copied didn't work well. It seems like it was not that applicable to sublist type. I might be wrong. Anyway, I modified the code a bit to capture what I want. Many thanks for your time and guidance!
I used this coding:
<style type="text/css">table th:nth-child(5) {
border-left:8px solid black !important;
background-color:#99ccff
}
table td:nth-child(5) {
border-left:8px solid black !important;
background-color: #99ccff
}
table th:nth-child(6) {
background-color:#99ccff !important;}
table td:nth-child(6) {
background-color: #99ccff !important;
}
</style>
I realized now why the code I copied didn't work well. It seems like it was not that applicable to sublist type. I might be wrong. Anyway, I modified the code a bit to capture what I want. Many thanks for your time and guidance!
I used this coding:
<style type="text/css">table th:nth-child(5) {
border-left:8px solid black !important;
background-color:#99ccff
}
table td:nth-child(5) {
border-left:8px solid black !important;
background-color: #99ccff
}
table th:nth-child(6) {
background-color:#99ccff !important;}
table td:nth-child(6) {
background-color: #99ccff !important;
}
</style>
Please Log in to join the conversation.