Welcome to the LimeSurvey Community Forum

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

restyling radio buttons

  • cpmadmin
  • cpmadmin's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 10 months ago #228132 by cpmadmin
restyling radio buttons was created by cpmadmin
Please help us help you and fill where relevant:
Your LimeSurvey version: Version 3.28.7+220420
Own server or LimeSurvey hosting: Self hosted - Community Edition
Survey theme/template:
extends_bootswatch_DMH_360Wellcheck
==================
Is Tailwind CSS compatible with LS?  

Ideally I'd like to have our survey look a little more modern.  To start, i would like the radio buttons function and appear more like this:
For boolean:
     [url] codepen.io/ThessaV/pen/arroZz [/url]
For limited options:
     [url] codepen.io/anubhav7495/pen/yXVZjr [/url]
For the Array:
     [url] codepen.io/i0z/pen/kXypyw [/url]

Where i am modifying the template is: 
index.php?r=admin%2Fthemes&sa=view&editfile=layout_global.twig&screenname=register&templatename=extends_bootswatch_DMH_360Wellcheck

Based on the above design samples, do i only have to modify the CSS or do i also need to modify the php code and if  so where?

Thanks in advance
Pete


 

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 10 months ago #228133 by tpartner
Replied by tpartner on topic restyling radio buttons
Never modify the core files -  manual.limesurvey.org/New_Template_System_in_LS3.x/en

Having said that, I dunno about that library. This is what I see on mobile.

 

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

  • cpmadmin
  • cpmadmin's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 10 months ago #228136 by cpmadmin
Replied by cpmadmin on topic restyling radio buttons
thanks for the reference. i wanted to know which theme and location to modify that. i will go the reference that provided. That should resolve my issue.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 10 months ago #228140 by Joffm
Replied by Joffm on topic restyling radio buttons
A very quick try.
I only modified the css of buttons in "custom.css".

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 10 months ago #228143 by holch
Replied by holch on topic restyling radio buttons
Modern seems to be a very subjective term.

I find the examples that you have posted even more outdated than the standard LS designs. ;-)

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

Please Log in to join the conversation.

Lime-years ahead

Online-surveys for every purse and purpose