Change button size or replace with a picture

More
7 months 1 week ago #154219 by madscience
madscience created the topic: Change button size or replace with a picture
Hi there!


Today I tried to enlarge the size of radio buttons, which I did successfully. But later I realized that the text corresponding with the buttons would not align vertically centered. Can anybody give me a hint how to do that, especially when wanting to keep everything responsive? Later I realized (which is only logical), that all question types using radio buttons are influenced by the change of the button size. Maybe I could copy and rename the question classes, I want to use with larger buttons?

Finally I was wondering, wether I can use png images instead of the buttons. Is this possible, or would it maybe cause some major problems.


Thanks and Regards madscience.

Please Log in to join the conversation.

More
7 months 1 week ago - 7 months 1 week ago #154221 by tpartner
tpartner replied the topic: Change button size or replace with a picture
Without knowing your LimeSurvey version or template, I suspect you are referring to the pseudo-elements inserted for the radios in version 2.5+. The problem likely is the margins on those elements but can you activate a sample survey demonstrating what you have done and give a link here?

Regarding images, yes you can use those. For inspiration see this post - www.limesurvey.org/forum/design-issues/1...radio-buttons#152227 . (look at the styles for the ::before pseudo-elements)

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last Edit: 7 months 1 week ago by tpartner.

Please Log in to join the conversation.

More
7 months 1 week ago #154384 by madscience
madscience replied the topic: Change button size or replace with a picture
Hi tpartner,
thanks for your reply.

I am using the newspaper theme in limesurvey 2.65.0 and will try your suggestion. After setting it up in a sample survey I will post the survey link here, maybe this will also help other users.

Thanks and Regards madscience.

Please Log in to join the conversation.

More
7 months 3 days ago - 7 months 3 days ago #154704 by LouisGac
LouisGac replied the topic: Change button size or replace with a picture
Depending on your configuration in question attribute, radio/checkbox buttons in LimeSurvey use:

- Awesome Bootstrap Checkboxes: github.com/flatlogic/awesome-bootstrap-checkbox
- Bootstrap Buttons: getbootstrap.com/components/#btn-groups

For best results, please, use the CSS/Sass generators for those components, modify them and replace the CSS files generated.
Last Edit: 7 months 3 days ago by LouisGac.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!