Hello,

I use LimeSurvey Version 4.3.3+200707. With LimeSurvey Bootstrap Vanilla Survey Theme.

I found forums.limesurvey.org/forum/german-forum...eitere-einf%C3%BCgen this really cool way to add icons to buttons to create this gender selection question.

Now I did copy the provided code into the answer option with the editor.

So in the answeroption text it says <i class="fa fa-mars fa-fw fa-2x" aria-hidden="true"></i>männlich

But if I launch the question it shows exactly this text in the button and not the icon.

Question would be, do I need to add something to custom.css to allow fontawesome? Or in the css box in the question?

And yes, I tried google to search and the forum search but did not find anything better then this link from above which I can't make work.

thanks for any pointers and tips

It works as expected for me in version 4.3.4.

Can you attach a small sample survey (.lss file) containing only that question?

Sure, it is one 2 questions, the first is the auto-question for a new survey. I'm very sure I'm doing something very simple wrong, but I only work with the software for a few weeks and still learn the basics.

Hi,
did you really attach your try?

In "männlich" you entered
<p><span style="color:blue;">&lt;i class="fa fa-mars fa-fw fa-2x" aria-hidden="true"&gt;&lt;/i&gt;männlich</span></p>

If you clean that to
<span style="color:blue;"><i class="fa fa-mars fa-fw fa-2x" aria-hidden="true"></i>männlich</span>

you get


But I have no idea, what this code is intended to do
<p>&lt;span style<span style="color:#00AA00;">=</span><span style="color:#ff0000;">"background-color:blue;color:white;font-size:14pt;border: 1px solid green;padding:5px 42px"</span><span style="color:#00AA00;">&gt;</span>stimme zu&lt;/span<span style="color:#00AA00;">&gt;</span></p>

something like:
<span style="background-color:blue;color:white;font-size:14pt;border: 1px solid green;padding:5px 42px">stimme zu</span>


If you want to have buttons you have to use the question theme "bootstrap buttons"
Here shown with "fruity" without variation", and some different colors.



Joffm

It might be the XSS filter at play.

Disable that.

- manual.limesurvey.org/Global_settings#Security

XSS must allow this,

Can be reported, but be sure it's not HTML editor

Thank you @Joffm

I did try to use first copy / paste to the field, then after it failed the editor and I think the editor added all those useless code.

I did it again now, just copy and paste of your code and it works!

Thanks so much!

BTW isn't it strange that there is no default option to show more then 2?

BTW isn't it strange that there is no default option to show more then 2?

Are you talking of the "Gender"- question?

There are a few explanations.
All these questions ("Y/N", "M/F", "5-point-array",...) were implemented a long, long time ago. Nowadays they are more or less obsolete; I never use them.
My opinion is: Only for the lazy ones. And how often do we have a question like "I use the 5-point-array. But I would like to have 6 options".
Nowadays we have better question types or question themes to be more flexible.

And: it isn't strange at all. To offer something you seem to expect (a special question type "gender" that reflects the legal regulations in all countries of the world) is obviously both complex and unnecessary (question type "single response")

And you have realized already:
Only copy and paste from "plain text". Copying e.g. from Word, etc., or here the forum will include all inline css and HTML codes that format the output.

Right, what I would want would be different all over the world. And changes from time to time. Did not really think about that.

So DIY it is. Truth be told I was just surprised it was not a standard thing as it seems for me I see it everywhere.

Now that I know how it is kinda easy. And fun to be able to add so many icons to boxes.

Thanks again