79762977

Date: 2025-09-12 13:09:49
Score: 1.5
Natty:
Report link

In Angular SurveyJS Form Library, a question is rendered by the Question component (question.component.ts/question.component.html). This component contains various UI elements. For instance, the component which render question errors, the header component which may appear above or under the main content and the component which renders the main question content.

When you register a custom question type and implement a custom renderer, you actually override the question content component.

Based on your explanation, I understand that you wish to customize the appearance of SurveyJS questions. If you wish to modify the appearance of SurveyJS questions, we suggest that you create a custom theme using the embedded Theme Editor. A custom theme contains various appearance settings such as colors, element sizes, border radius, fonts, etc.
If you cannot create 100% identical forms by using a custom theme, the next step to try is to modify the form CSS using corresponding API: Apply Custom CSS Classes.

Unfortunately, the entire question component cannot be overridden at the moment. If you plan to override the entire question component, take note that all SurveyJS question UI features will be unavailable; in particular, you would require to handle responsiveness and render question errors, etc. Please let me know if you would like to proceed with overriding the entire question component.

I suggest that you use default SurveyJS question types and align a question title on the left and introduce the space between the title and an input field by placing a question within a panel and specifying questionTitleWidth. For example: View Demo.

Reasons:
  • RegEx Blacklisted phrase (2.5): Please let me know
  • Long answer (-1):
  • Has code block (-0.5):
  • Low reputation (0.5):
Posted by: JaneJane