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.

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 !

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.

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.

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.

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.