Modify Buttons

After you add a Survey Page element to your flow diagram, you can define the buttons you want to use on your page.

  1. Click Modify Buttons in the Page Tasks section.
    The Set Button Properties window opens.
  2. Enter field information.

    Set Button Properties Window

    Field Description

    Button Alignment

    Click this drop-down list to select left, center, or right alignment. Left is selected by default.

    Show Next Button on Page

    Caution: Because the next button performs a submit function for each page, do not remove the next button from survey pages that have questions on them. Otherwise, responders cannot submit their answers.

    This check box, which is selected by default, displays a next button and performs a submit function when you add subsequent pages to your survey. If you clear this check box, the remaining fields are disabled.

    Text

    To change the label of the next button, which is set to Submit by default, enter the name of the label as you want it to display.

    Class

    Enter any class name you want to assign to the button. You must define the class in your HTML document by either using the <style> tag to define the class inline, or posting the class in a CSS file on your web server and referencing it with the <link> tag.

    Style

    Enter any style attributes you want to assign to the button. Style attributes define how the button appears, such as color, font, and alignment (for example, font-family: arial, sans-serif; font-weight: bold; background: #99ff00; margin-left: 20px).

    Show Previous Button on Page

    Select this check box to display a previous button on your page.

    Text

    To change the label of the previous button, which is set to Back by default, enter the name of the label as you want it to display.

    Class

    Enter any class name you want to assign to the button. You must define the class in your HTML document by either using the <style> tag to define the class inline, or posting the class in a CSS file on your web server and referencing it with the <link> tag.

    Style

    Enter any style attributes you want to assign to the button. Style attributes define how the button appears, such as color, font, and alignment (for example, font-family: arial, sans-serif; font-weight: bold; background: #99ff00; margin-left: 20px).

  3. Click OK.