Embedding Survey in PageBuilder

Options
Harathi Krishnan
Harathi Krishnan
Ancient Membership
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions

I'm trying to embed an entire survey into a pagebuilder page, but when I try to embed it, I'm only allowed to choose certain parts of the survey (ie the title, first question, a random question from the survey etc.) Is there a way to embed the entire thing?

Thanks!

Tagged:

Comments

  • Mark Becker
    Mark Becker
    Ancient Membership 10 Comments Photogenic Name Dropper

    To actually embed the survey, you will want to select it as a component > survey withiin an html component instead of the 'survey' option in the editor.  Reply if that doesn't make sense.

    mb

  • Alan Bolds 3
    Alan Bolds 3
    Ancient Membership First Comment Facilitator Level 1
    Mark Becker:

    To actually embed the survey, you will want to select it as a component > survey withiin an html component instead of the 'survey' option in the editor.  Reply if that doesn't make sense.

    mb

    Is there a way to constrain the width of the embedded survey?  Right now it expands to whatever width is necessary.

  • Noah Cooper
    Noah Cooper
    Ancient Membership 1000 Comments 100 Likes Photogenic
    Alan Bolds:

    Is there a way to constrain the width of the embedded survey?  Right now it expands to whatever width is necessary.

    Alan,

    You can do so fairly easily with CSS. The embedded Survey has an id of survey_1234, where 1234 is the survey's ID. So you could add something like the following in the HTML Content of the PageBuilder page:

    <style type="text/css">

    #survey_1234{

    width: 500px;

    }

    </style>

  • Alan Bolds
    Alan Bolds
    Ancient Membership First Comment Facilitator Level 1
    Noah Cooper:

    Alan,

    You can do so fairly easily with CSS. The embedded Survey has an id of survey_1234, where 1234 is the survey's ID. So you could add something like the following in the HTML Content of the PageBuilder page:

    <style type="text/css">

    #survey_1234{

    width: 500px;

    }

    </style>

    Noah, a belated note of appreciation.  The tip worked!

Categories