Aligning text entry forms | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

Aligning text entry forms

  • Feb 18, 2019 6:32 AM UTC
  • 5 replies
  • 78 views
! 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%"); ```
View original

    5 replies

    PeeyushBansal
    Level 7 ●●●●●●●
    Forum|alt.badge.img+53
    • PeeyushBansal
    • Level 7 ●●●●●●●
    • Feb 18, 2019 7:02 AM UTC
    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
    • Feb 18, 2019 1:21 PM UTC
    Decreasing the width of the input column will make the label column wider: ``` jQuery("#"+this.questionId+" input[type=text]").parent().css("width", "50%"); ```
      Thanks for the code!
      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 ●●●●●●●●
      • Aug 14, 2019 4:32 PM UTC
      > @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