Welcome to the LimeSurvey Community Forum

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

The answer box and radio list with only the bottom-bord

  • Cjonath
  • Cjonath's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 1 month ago #212340 by Cjonath
The answer box and radio list with only the bottom-bord was created by Cjonath
Hello again,

Does anyone know how I would design the answer box and radio list with only the bottom-bord?

The image shows an example of another theme that designed it as I would like in my question.

Thank you in advance!

 
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago #212348 by tpartner
Replied by tpartner on topic The answer box and radio list with only the bottom-bord
It will depend somewhat on your theme but something like this in your custom.css file:

Code:
select.form-control {
  border: 0 none;
  border-bottom: 2px solid blue;
  border-radius: 0;
  box-shadow: none;
}
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • Cjonath
  • Cjonath's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 1 month ago #212392 by Cjonath
Replied by Cjonath on topic The answer box and radio list with only the bottom-bord
Didn't work: /

Anyway, thank you very much for trying to help me.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago #212396 by tpartner
Replied by tpartner on topic The answer box and radio list with only the bottom-bord
It does work.

Did you clear your cache and refresh the browser?

What LimeSurvey and theme are you using?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • Cjonath
  • Cjonath's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 1 month ago #212407 by Cjonath
Replied by Cjonath on topic The answer box and radio list with only the bottom-bord
Yes, I clean my cache and refreshed the browser.

And still it did not work.

My LimeSurvey is Versão 3.25.15+210223 and the theme is a extend of fruity.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago #212413 by Joffm
Replied by Joffm on topic The answer box and radio list with only the bottom-bord
Hi,
I found that this depends on the "Select2" package.
Deactivated:
 

Activated
 

And in "fruity" you should add ".fruity" to the css.
Code:
.fruity select.form-control {
    border: 0 none;
    border-bottom: 2px solid blue;
    border-radius: 0;
    box-shadow: none;
}

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.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago #212418 by tpartner
Replied by tpartner on topic The answer box and radio list with only the bottom-bord

I found that this depends on the "Select2" package.

Why would select2 be activated? That was never mentioned.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago - 3 years 1 month ago #212421 by Joffm
Replied by Joffm on topic The answer box and radio list with only the bottom-bord
Sorry, Tony,
it is activated in my installation.
And I saw that it worked in the language changer but not in the drop-down.
Therefore I gave it a try.

Maybe Cjonath has it activated without knowing or remembering.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 1 month ago by Joffm. Reason: Always these typos
The topic has been locked.
  • Cjonath
  • Cjonath's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 1 month ago #212422 by Cjonath
Replied by Cjonath on topic The answer box and radio list with only the bottom-bord
Thanks!

It worked, but not quite

 The box continues with the color as showing in the picture

 
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago - 3 years 1 month ago #212434 by Joffm
Replied by Joffm on topic The answer box and radio list with only the bottom-bord
So, which browser is this?
You see this display is browser specific.

Chrome:
 

Firefox:
 

IE11:
 

Mac (Safari?):
I do not have a Mac, so this image is an example to show the double arrows and the shadow.
 

Joffm
 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 1 month ago by Joffm.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 1 month ago #212442 by tpartner
Replied by tpartner on topic The answer box and radio list with only the bottom-bord
It looks like Safari. The background gradient is probably imposed by the browser.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • Cjonath
  • Cjonath's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 1 month ago - 3 years 1 month ago #212463 by Cjonath
Replied by Cjonath on topic The answer box and radio list with only the bottom-bord
Yes, my browser is safari.

And I tried it with another browser and the code worked very well.

Thank you very much Joffm for the help!

It was the final design point of my survey.
Last edit: 3 years 1 month ago by Cjonath.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source