Welcome, Guest
Username: Password: Remember me

TOPIC: Slight Alignment Issue with Image Tick

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102835

  • dweisser
  • dweisser's Avatar
  • OFFLINE
  • Bronze Donor
  • Posts: 204
  • Thank you received: 5
  • Karma: 5
Hi LS team,

I'm using the Image tick workaround (which is great by the way) with a multiple-opt question type.

See the attached screen shot. You see how the labels do not appear next to the check box, but rather on the next line? I've fiddle around dangerously inside imagetick_lime.js, but have not successfully realigned the text.

Any direction would be most appreciated. Again, really love what you do.

David
Attachments:
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102840

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
I think that this is because you have the list displayed in columns and there isn't enough width for the labels beside the radio images so they are forced to wrap to the next line.
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102842

  • dweisser
  • dweisser's Avatar
  • OFFLINE
  • Bronze Donor
  • Posts: 204
  • Thank you received: 5
  • Karma: 5
I don't know...the columns are pretty wide. But you might be right. I was hoping that I could "somehow" attach a no-wrap style or something to the label...
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102844

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
Test survey? :cheer:
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102868

  • dweisser
  • dweisser's Avatar
  • OFFLINE
  • Bronze Donor
  • Posts: 204
  • Thank you received: 5
  • Karma: 5
Ha ha...

www.springboltconsulting.com/survey/inde...x/sid/171641/lang/en

It's the category : Follow Up.
You have to mark one of the array items in the previous categories with a Disagree or worse to make the group visible.
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 4 weeks ago #102880

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
You can add the following to the end of template.css. This will allow the labels to be placed beside the radio images, however they will be vertically aligned with the bottom of the images. There is no avoiding that vertical alignment but cropping some of the extra space around your radio images may help.

.multiple-opt .answer .colstyle-ul label {
    width: 70%;
}

Capture4_2013-12-24.PNG
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Slight Alignment Issue with Image Tick 8 months 3 weeks ago #102897

  • dweisser
  • dweisser's Avatar
  • OFFLINE
  • Bronze Donor
  • Posts: 204
  • Thank you received: 5
  • Karma: 5
Thanks as always!
David
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.105 seconds
Donation Image