How can I create a fully custom user interface?

Question

I would like to create a 100% custom responsive user interface for a lengthy survey, controlled by Javascript. Maybe React. I have some questions:

1. Does SoSci provide an API that will allow a Javascript application
   to read metadata about a survey to render the UI?
2. Does SoSci provide an API to allow a Javascript application to
   post results of a survey?
3. Can the Javascript application be served from a remote Website?
4. Is there a more suitable strategy to create a custom, responsive UI?

Thank you.

Comments

ad 1) Which metadata do you need, excactly? Responsiveness is a wide term that is anything but specific.

ad 4) SoSci Survey is responsive by default - if you specify your needs, I'll be able to give more accurate information.

As soon as I know this information, I'll answer the other points :)

---

Thank you for responding to my question.

1. The metadata necessary to construct the frontend markup and state myself, using javascript or even a process on a remote server. For example, form information (id, name, is_valid, post_url), field information (collection of fields, each with e.g. name, type, label, order, placeholder_value, current_value, validation_strategy, is_valid, error_message). In short, all of the information about a form and its state, decoupled from markup.

4. I mean "responsive" in the technical Web development sense; using the same markup for intelligent adaptation to different screen dimensions and resolutions through the use of a grid system and media queries. Responsive frameworks include Bootstrap (http://getbootstrap.com/) and Foundation (http://foundation.zurb.com/). From my research I did not conclude that SoSci Survey was responsive in this sense.

Another way to pose my question might be, "how can I create a SoSci Survey frontend using Bootstrap or Foundation?"

I appreciate your attention to my questions.

---

ad 1) Well, JS provides this information about any HTML form anyway. However, the form will be processed "at once", i.e., submission of single inputs is valid only for some special inputs ("internal variables" with live transmission). What would be the added value if another JS object repeated the information that is available by default (and through the DOM's standards)?

ad 4) Bootstrap is just a colleciton of plugins for jQuery, no tool that would automatically make a page responsive. For a generic usage, you may just add bootstrap whenever you like. You can just add it to any SoSci Survey template (see https://www.soscisurvey.de/help/doku.php/en:create:layout#full_customization) as explained in https://getbootstrap.com/docs/4.0/getting-started/introduction/

However, I am afraid that this might not exactly the information, you were looking for? If I am right, could you please ask what is not possible with this information so far?

---

PS: To create custom inputs like, e.g., sliders, SoSci Survey just hides the original inputs (that serve as fallback for people disabling JavaScript or working with a Braille line) and creates the JavaScipt-enhanced input below, which writes it's results back into the old-school HTML inputs.

Is that what you were looking for?