# How to edit COSMOSS GUIs

The Graphic User Interfaces (GUIs) of COSMOSS were written with the [appdesigner](https://www.mathworks.com/products/matlab/app-designer.html) of Matlb. I used to use [GUIDE](https://www.mathworks.com/help/matlab/creating_guis/about-the-simple-guide-gui-example.html) [wordle](https://wordlewebsite.com/) for the GUIs but found the appdesigner is much scalable.

Editing Main GUI
----

To edit the GUIs, you need to call the appdesigner command with the '.mlapp' files. For example, to edit the main GUI, I can type the following in the Matlab working space[^PS]:

> appdesigner COSMOSS

You should see the appdesigner interface shows up as following:

The above figure shows the design view, which allows you to edit the graphical elements. The other tab on the top right named 'Code View' will give you access to the source code for further editing:


Here is an nice [video](https://www.mathworks.com/videos/app-designer-overview-1510748719083.html) for how to use the appdesigner in general.

Editing other GUIs
----

Other GUIs can be found in the sub-folders in the COSMOSS source code folder. The structure modeling GUIs were stored in the "MoleculeConstruction" folders. The analysis tool GUIs were stored in the "AnalysisTools" fold. All the GUIs generated by the Matlab appdesigner end with a ".mlapp" extension.

[^PS]:For the command to work, your Matlab current folder should be the COSMOSS source code folder. Otherwise the appdesigner can't find the 'COSMOSS.mlapp' file.

###### tags: `tutorials` `COSMOSS`