Customization of the GUI



Now that we’ve explored the different pieces that form the foundation of the Asterisk
GUI, we have what we need to be able to explore the GUI itself and modify it to fit our
needs. To get to the Asterisk GUI, go to the following address in your browser: http://
localhost:8088/asterisk/static/config/cfgbasic.html.


Looking at Figure 11-1 might lead you to conclude that the Asterisk GUI is simply one
more  Asterisk GUI in an already crowded space. Nothing could be further from the
truth. This GUI doesn’t just allow you to tweak it, it practically begs you to. In this
section we are going to discuss how you can modify the GUI and use AJAM to build
your own extensions to the GUI. In order to benefit the most from this information,
you need some HTML and JavaScript knowledge.


The GUI home page is named cfgbasic.html. All other pages are loaded into the iframe
contained within the cfgbasic.html page. By default, cfgbasic.html loads home.html into
the main frame.

For most changes to the GUI, you’ll eventually need to modify cfgbasic.html, which is
the login screen.