Label positions and HTML-tags in notes.

  • Resolved chrizze

    (@chrizze)


    13 years, 10 months ago

    Hello,
    Thank you for a great plugin, it’s working great.
    I am however a bitt puzzled about the positions of the labels, I want to move the label of checkboxes to the right. How do I do that?
    Nicknames don’t work, I’ve tried that without success.

    I can see that there are positions names Top and Left, could you please tell us how to make labels for checkboxes go right and maybe even below the box? Can I assign CSS for checkbox labels only, or how do we implement it?

    it would be great if we could solve this…I can’t get my head around this problem. ??

    I just updated the plugin to current version, and by doing so, it stripped out any HTML-tags I got within my ‘Notes’ field, I have used a balloon-tip withing the form, as I want to show some extra info for the checkbox, but as a jQuery-effect-balloon-tip.
    Balloon-tip-code looks like this,
    —————
    <a href="#" onmouseover="balloon.showTooltip(event,'load:chkbox2')">L?s mer <div id="chkbox2" style="display:none">Att anv?nda en milj?bil ist?llet f?r en vanlig bil kan ge en halvering av koldioxidutsl?ppen fr?n resan</div></a>
    —————

    Again, thank you for a great plugin!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author hoffcamp

    (@hoffcamp)

    Thanks for the kind words. I’ll see if I can help:
    * labels for checkboxes – First, you could make a ‘list’, and set the style to ‘checkboxes’. That might solve your problem. I don’t know what you tried as far as nicknames, but if you check out this article in the FAQ, it explains what classes/ids are used for CSS.

    * I apologize about losing the HTML. I’m going to make an update that includes an extra ‘HTML’ option for the note, so you could put your scripts in a ‘note’ with a blank label. That will be version 1.4.22. I just added an FAQ here that explains how to get to your form elements via javascript within a ‘note’.

    Thread Starter chrizze

    (@chrizze)

    Yes! This is working great, I did however switch to CSS-ballon-tip instead, since there was some kind of error in javascripts. But the HTML-tag-checkbox works good anyway since I am using HTML-tags for the CSS-stuff.

    You can see it in action here: link is here

    I do however need some kind of solution to move the checkboxes to the right side instead of top or left.

    A checkbox-list is not working, since we need extra info on each “question” in the form. If you visit the form and look at it, you will see.

    Thank you for a great plugin and for the quick support, much appreciated.

    Plugin Author hoffcamp

    (@hoffcamp)

    Would something like this work:

    .fm-form input[type='checkbox']{
float:right;
}
    Thread Starter chrizze

    (@chrizze)

    Sorry, but this does not work… I did change this before and it did work, but when I updated the plugin it stopped listening to this “float:right” for some reason.

    I’ve put in your suggestion into my css-files…both theme and forms plugin, but still no joy. The checkbox remains to the left side.

    Any other suggestions?

    Your help is much appreciated ??

    Plugin Author hoffcamp

    (@hoffcamp)

    I don’t know… maybe add !important to it? I’m going to add an option for the checkbox position in the next update anyway.

    Plugin Author hoffcamp

    (@hoffcamp)

    Also, I just checked the site you linked to me. The checkboxes appear to the right in my browser…

    Thread Starter chrizze

    (@chrizze)

    Ah, yes… !important worked well for FF4, IE already listened to it.
    It seems to be working quite well now.
    Thank you for all your help!

    I will post the link to the live site later, add it to your “portfolio” of sites using your plugin ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Label positions and HTML-tags in notes.’ is closed to new replies.