More engaging surveys with ADX Studio

ADXStudio is an open-source Integrated Development Environment (IDE) for people who want to create Askia Design Controls or Askia Design Pages easier and faster. This application supports AskiaScript / JavaScript / HTML / CSS and more.

ADX Studio app icon

We designed this application in order to provide a dedicated tool for survey authors who want to take their surveys one step further: interactive survey controls (Geo Maps, touch-friendly drag and drop, …) or custom layout (mobile first survey design). It therefore allows you to easily set the parameters for your survey controls or layouts, use script (AskiaScript and JavaScript) to push the boundaries of your assets and a preview in order to provide real-time feedback.

ADXStudio user interface

You can download ADX Studio or even contribute!

ADX Studio was built with Electron and is based on NodeJS. Furthermore, we have included CodeMirror (already used in DesignVista) in order to provide a complete text editor with syntax highlighting and code completion.

If you want to learn more about ADX Studio, we added two articles in our Help Centre:

Presenting ADXStudio

ADXStudio is here!!

What is it?

ADXStudio is an IDE for people who want to create Askia Design Control (and later Askia Design Page) easier and faster. This application can support AskiaScript, JavaScript, HTML, CSS, … and more.

ADXStudio was built with Electron, this application is based on NodeJS. Furthermore, we have included CodeMirror (already used in Design and Vista) to get a complete text editor with syntax highlighting and autocompletion.

Installation

To install ADXStudio, follow the procedure available here.

ADXStudio is available on Github and everyone who wants to contribute can download the source code and send us a pull request.

A little bit of ADXStudio:

Check the documentation to learn how to create ADCs:

The TreeView :

It’s the left part of the app in which you can see your project.

ADXStudio-Treeview

New Project:

In the Menu bar (at the top of the application window): go to “File” and click on “New Project” to generate and open a new ADC Structure !

ADXStudio-NewProject

Workspace :

The Workspace part of the application, is the panel located on the right of the window. You can edit your text inside with syntax colouring and autocompletion for AskiaScript, JavaScript, HTML, CSS and Markdown.

ADXStudio-Workspace

Project Settings :

The project Settings view allows you to see and define the settings of your current project (author, project name, …) and is accessible through File menu -> Projects settings.

ADXStudio-ProjectsSettings

Preview + Property Grid :

The preview can be accessed from the “Tools” menu item. Click Preview when your ADC project is open to trigger a preview of your currently opened ADC. The property Grid, visible at the bottom of the preview, let’s you change the properties of your control and preview the result.

ADXStudio-Preview

Build your Askia Design Control :

Finally, to build your .adc control -> select “Build” from the Tools menu. ADXStudio will create the .adc file in the bin folder of your project.