Slight Alignment Issue with Image Tick

More
3 years 5 months ago #102835 by dweisser
dweisser created the topic: Slight Alignment Issue with Image Tick
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:

Please Log in to join the conversation.

More
3 years 5 months ago #102840 by tpartner
tpartner replied the topic: Slight Alignment Issue with Image Tick
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.

Please Log in to join the conversation.

More
3 years 5 months ago #102842 by dweisser
dweisser replied the topic: Slight Alignment Issue with Image Tick
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...

Please Log in to join the conversation.

More
3 years 5 months ago #102844 by tpartner
tpartner replied the topic: Slight Alignment Issue with Image Tick
Test survey? :cheer:

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.

More
3 years 4 months ago #102868 by dweisser
dweisser replied the topic: Slight Alignment Issue with Image Tick
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.

Please Log in to join the conversation.

More
3 years 4 months ago #102880 by tpartner
tpartner replied the topic: Slight Alignment Issue with Image Tick
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%;
}


Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:

Please Log in to join the conversation.

More
3 years 4 months ago #102897 by dweisser
dweisser replied the topic: Slight Alignment Issue with Image Tick
Thanks as always!
David

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now