Aligning text entry forms | XM Community
Skip to main content
Solved

Aligning text entry forms

  • February 18, 2019
  • 5 replies
  • 65 views
N
! Hi, How do I make the left side of the column a bit more wider so it is more readable? I've used text entry form for this (see attached picture) Thanks

Best answer by TomG

Decreasing the width of the input column will make the label column wider: ``` jQuery("#"+this.questionId+" input[type=text]").parent().css("width", "50%"); ```

    5 replies

    PeeyushBansal
    Level 6 ●●●●●●
    Forum|alt.badge.img+43
    • PeeyushBansal
    • Level 6 ●●●●●●
    • February 18, 2019
    in html editor you can try adding text under nobr like `<nobr>TEXT</nobr>`
    Best Regards, Peeyush
    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • Answer
    • February 18, 2019
    Decreasing the width of the input column will make the label column wider: ``` jQuery("#"+this.questionId+" input[type=text]").parent().css("width", "50%"); ```
    N
    N
    • nina_heron94
    • Author
    • February 19, 2019
    Thanks for the code!
    T
    Where would I put the jQuery line of code at so this will work?
    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • August 14, 2019
    > @tristawhitehead said: > Where would I put the jQuery line of code at so this will work? Add JavaScript to the question and put it in the addOnload function: ``` Qualtrics.SurveyEngine.addOnload(function() { jQuery("#"+this.questionId+" input[type=text]").parent().css("width", "50%"); }); ```
    Terms & ConditionsAccessibility statement