OBJECT

OnlineFormStyleSettings

Visual style of online forms: colors, spacing, borders and logo.

link GraphQL Schema definition

  • type OnlineFormStyleSettings {
  • # Background color of the page behind the form, as a CSS color.
  • backgroundColor: String
  • # Vertical padding of the area with the form buttons, as a CSS length.
  • buttonAreaPaddingVertical: String
  • # Horizontal padding of the area with the form buttons, as a CSS length.
  • buttonAreaPaddingHorizontal: String
  • # Background color of the form buttons, as a CSS color.
  • buttonColor: String
  • # Text color of the form buttons, as a CSS color.
  • buttonFontColor: String
  • # Corner radius of the form buttons, as a CSS length.
  • buttonRadius: String
  • # Horizontal padding of the layout columns, as a CSS length.
  • columnsHorizontalPadding: String
  • # Background color of the form itself, as a CSS color.
  • formBackgroundColor: String
  • # Horizontal padding of the form, as a CSS length.
  • formHorizontalPadding: String
  • # Vertical padding of the form, as a CSS length.
  • formVerticalPadding: String
  • # Space below the form header, as a CSS length.
  • headerBottomMargin: String
  • # Space below the description in the form header, as a CSS length.
  • headerDescriptionBottomMargin: String
  • # Horizontal padding of the form header, as a CSS length.
  • headerHorizontalPadding: String
  • # Vertical padding around the header image, as a CSS length.
  • headerImageVerticalPadding: String
  • # When true, the header ribbon of the form is shown.
  • headerRibbonVisible: Boolean!
  • # Space above the form title in the header, as a CSS length.
  • headerTitleTopPadding: String
  • # Background color of input fields, as a CSS color.
  • inputBackgroundColor: String
  • # Border color of input fields, as a CSS color.
  • inputBorderColor: String
  • # Corner radius of input fields, as a CSS length.
  • inputBorderRadius: String
  • # Border width of input fields, as a CSS length.
  • inputBorderWidth: String
  • # Background color of the input field that has focus, as a CSS color.
  • inputFocusBackgroundColor: String
  • # Border color of the input field that has focus, as a CSS color.
  • inputFocusBorderColor: String
  • # Text color of input fields, as a CSS color.
  • inputFontColor: String
  • # Background color of an input field under the pointer, as a CSS color.
  • inputHoverBackgroundColor: String
  • # Border color of an input field under the pointer, as a CSS color.
  • inputHoverBorderColor: String
  • # Main accent color of the form, as a CSS color.
  • primaryColor: String!
  • # Space below the description of a question, as a CSS length.
  • questionDescriptionBottomMargin: String
  • # Space below the title of a question, as a CSS length.
  • questionTitleBottomMargin: String
  • # Vertical margin around each question, as a CSS length.
  • questionVerticalMargin: String
  • # Vertical padding inside each question, as a CSS length.
  • questionVerticalPadding: String
  • # Background color of section headers, as a CSS color.
  • sectionBackgroundColor: String
  • # Text color of section headers, as a CSS color.
  • sectionFontColor: String
  • # Horizontal padding of section headers, as a CSS length.
  • sectionHeaderHorizontalPadding: String
  • # Vertical padding of section headers, as a CSS length.
  • sectionHeaderVerticalPadding: String
  • # Padding of form sections, as a CSS length.
  • sectionPadding: String
  • # When true, the logo is shown in the footer of the form.
  • showFooterLogo: Boolean!
  • # Space below the form title, as a CSS length.
  • titleBottomMargin: String
  • }