How can I fix a formatting issue in my survey?

  • Profile Image
    DiscoverLMS
    Asked on October 05, 2017 at 01:13 PM

    After I completed my survey, a weird glitch occurred that made some of the text boxes super small and the titles in certain sections run together, i.e "First Name," "Phone Number." I may have pressed something to cause this, but how can I resolve this issue?

  • Profile Image
    Jan
    Answered on October 05, 2017 at 03:01 PM

    I was able to replicate the issue. Please give me more time to work on this. I will contact you once I have a solution.

    Thank you for your patience.

  • Profile Image
    Jan
    Answered on October 05, 2017 at 03:38 PM

    Sorry for the delay. Please try to insert this custom CSS code to fix the issue:

    .form-textbox, .form-textarea {
    width: initial !important;
    max-width: none !important;
    }

    .form-radio-item, .form-checkbox-item {
    max-width: none !important;
    }

    [data-type="control_textbox"] .form-input, [data-type="control_textarea"] .form-input, [data-type="control_fullname"] .form-input, [data-type="control_phone"] .form-input, [data-type="control_datetime"] .form-input, [data-type="control_address"] .form-input, [data-type="control_email"] .form-input, [data-type="control_passwordbox"] .form-input, [data-type="control_autocomp"] .form-input, [data-type="control_textbox"] .form-input-wide, [data-type="control_textarea"] .form-input-wide, [data-type="control_fullname"] .form-input-wide, [data-type="control_phone"] .form-input-wide, [data-type="control_datetime"] .form-input-wide, [data-type="control_address"] .form-input-wide, [data-type="control_email"] .form-input-wide, [data-type="control_passwordbox"] .form-input-wide, [data-type="control_autocomp"] .form-input-wide {
    max-width: none !important;
    }

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide  {
    max-width: none !important;
    }

    Here'sa guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Hope that helps. Thank you.