Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

How do you remove the space between the fixed text before the text box and the text box?

SLEE
SLEE Community Member Qubie ✭


I'm using Form as the text type in the response. I want to have a dollar sign to come before each text box, but the space between the dollar sign and the text box (indicated by the red box in the figure) does not go away.

I tried "Add Default Choices" and pre-populated the dollar sign in the text box, but that's not how I want. I don't want the participants to be able to remove the dollar sign.

Best Answer

  • rondev
    rondev Community Member Wizard ✭✭✭✭✭
    Accepted Answer

    @SLEE said:
    Thank you! the alignment however, didn't work...

    Hope you have pasted both the below lines

    jQuery("#"+this.questionId+" .ChoiceStructure table tr:eq(0) td:eq(0)").hide();
    jQuery("#"+this.questionId+". ChoiceStructure table tr:eq(1) td:eq(0)").hide();
    

Answers

  • rondev
    rondev Community Member Wizard ✭✭✭✭✭

    Put space in Form field and add below code in JS onReady

    jQuery("<span>$<span>").insertBefore("#"+this.questionId+" .InputText");

  • SLEE
    SLEE Community Member Qubie ✭

    Thanks for the response, but I'm not trying to get rid of the entire space before the text box. I still would like to put a dollar sign. How would I do that?

  • rondev
    rondev Community Member Wizard ✭✭✭✭✭

    @SLEE said:
    Thanks for the response, but I'm not trying to get rid of the entire space before the text box. I still would like to put a dollar sign. How would I do that?

    If you want to have a little space before textbox then just change to this <span>$ </span>

  • SLEE
    SLEE Community Member Qubie ✭

    Thank you! I'm getting somewhere finally.

    Two more issues though:

    1. How do I align the text boxes to the left?
    2. the greater than or equal to sign shows up as ">=" How do I make this into a proper inequality sign that has > stacked on the top of =?
  • rondev
    rondev Community Member Wizard ✭✭✭✭✭

    For 1. Add the below code to existing code:

    jQuery("#"+this.questionId+" .ChoiceStructure table tr:eq(0) td:eq(0)").hide();
    jQuery("#"+this.questionId+". ChoiceStructure table tr:eq(1) td:eq(0)").hide();
    

    For 2. Use &#8805; &#8804; for greater than or equal to and smaller than or equal to respectively.

  • SLEE
    SLEE Community Member Qubie ✭

    Thank you! the alignment however, didn't work...

  • SLEE
    SLEE Community Member Qubie ✭

    Yes. The following is what I have done. Again, thank you for your help!

  • rondev
    rondev Community Member Wizard ✭✭✭✭✭

    @SLEE said:
    Yes. The following is what I have done. Again, thank you for your help!

    In the last line there is no space before .ChoiceStructure

    Please add as seen on third line

  • SLEE
    SLEE Community Member Qubie ✭

    Thank you so much! It all works!