Fixed height of survey?

  • Resolved lrx26

    (@lrx26)


    1 year, 10 months ago

    Hello,

    i want to make a sign-up/order form. And going trough the sections the height of the survery changes depended on the numbers of question.

    Is it possbile to set a fixed height for the survey, so that the questions gets fitted into for example 500 px and the overall height dosent change back and forth while going trough the form?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @lrx26,

    Thank you for your topic.

    Regarding your request, I would like to note that various issues may occur from the fixed height.
    That is why the height of the sections are displaying dynamic, based on their individual dimensions.

    But in case you want to fix the height, at the moment the only possible solution for you can be the custom CSS.
    Special for you, our Development Team provided a CSS code, by using which you will be able to reach your desired result.

    Please, note that you will need to add your Survey ID in the YOUR_SURVEY_ID part.
    That is, if the ID is 4, then it must look like this div[id*=”ays-survey-container-4″]

    div[id="ays-survey-container-YOUR_SURVEY_ID"], div[id="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-section.active-section,
    div[id="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-section-content, div[id="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-section-content > .ays-survey-section-questions,
    div[id*="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-section-header{
    height: 500px !important;
    }

    div[id*="ays-survey-container-YOUR_SURVEY_ID"] .ays-survey-section-content > .ays-survey-section-questions {
    background: #fff;
    }

    Please, check again and let us know about the outcome.

    Thank you.

    Thread Starter lrx26

    (@lrx26)

    Hello Jasmine,

    thank you very much for your quick reply. I sadly lack knowledge about web designing and therefore im not sure how to enter the code that your developer-Team provided. Do i have to enter the code in the same css-field or in different ones? I entered both into “custom css”, which did not bring the desired changes.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @lrx26,

    Thank you for your reply.

    Most presumably, the editor deleted some elements from the code.

    The id*= were deleted.

    Please, use the below-mentioned CSS code:

    div[id*="ays-survey-container-8"],
div[id*="ays-survey-container-8"] .ays-survey-section.active-section,
div[id*="ays-survey-container-8"] .ays-survey-section-content,
div[id*="ays-survey-container-8"] .ays-survey-section-content > .ays-survey-section-questions,
div[id*="ays-survey-container-8"] .ays-survey-section-header{
	height: 500px !important;
}

div[id*="ays-survey-container-8"] .ays-survey-section-content > .ays-survey-section-questions {
	background: #fff;
}

    Please, check again.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fixed height of survey?’ is closed to new replies.