search

surveyjs / survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.
https://surveyjs.io/form-library
MIT License
4.18k stars 808 forks source link

Introduce a FlowPanel container to implement a form with fillable fields #1454

Open andrewtelnov opened 5 years ago

andrewtelnov commented 5 years ago

Our current containers: Panel (Panel Dynamic) and Page has a strict line layout for questions as: [question 1] [question 2] .... [question N]

By using startWithNewLine property and nested panels there is an ability to create a complex layout. However, there are many scenarios, where this type of layouts do not work well. FlowPanel container should have an ability to mix text with questions like:

Some text [question 1] another text [question 2] more text Text on another line [question 3] [question 4] text on third line ...

Questions should be rendered without titles and descriptions. Flow Layout will not support nested Panels. You will not be able to place a Panel or FlowPanel into a FlowPanel. However, FlowPanel can be placed into Panel (Panel Dynamic). It should not accept all question types. Definately, we will not support Panels, Matrices questions. There is should be a mechanism on Editor level, that will allow to control which type of questions are supported. By default we should support (dropdown, text, boolean, expression, file).

For further developement. We should inctroduce the ability to style text (bold, italic, underline), insert static links and images.

ReneI commented 5 years ago

hi ey how How do you show answers in angular 6 please

andrewtelnov commented 5 years ago

@ReneI Are you asking a general question or is it related to this feature somehow?

Here are two repos that you may find useful for Angular: SurveyJS + Angular CLI SurveyJS + Angular Quickstart

Thank you, Andrew

tsv2013 commented 5 years ago

Add adorners for the flowpanel in the editor:

JaneSjs commented 1 year ago

+1 Usage scenario: An online Payment Agreement Form https://surveyjs.answerdesk.io/internal/ticket/details/T12797

JaneSjs commented 1 year ago

+1 T13668 - Generating pdf using survey-pdf https://surveyjs.answerdesk.io/internal/ticket/details/T13668

JaneSjs commented 1 year ago

+1 T14161 - Single-line input question type - having response field located within the question, more like a fill in the blank https://surveyjs.answerdesk.io/internal/ticket/details/T14161