Código de Página
Es la parte del área de modelado donde se puede extender la funcionalidad de la página y de sus elementos. Cada elemento tiene una lista de eventos predefinidos dependiendo del tipo de elemento.
El área de edición de código se visualiza en la parte inferior de la página, a continuación de una barra con íconos. El ícono 
en el centro de la barra permite modificar el tamaño del área, mientras que el ícono 
en el extremo derecho permite cerrar la misma.
Secciones
•Editor de código Javascript de la página: Permite agregar y modificar las funciones asociadas a los eventos de los elementos o páginas. Incluye una funcionalidad de autocompletado que acelera la escritura al sugerir automáticamente funciones del SDK.
•Lista de eventos: A la derecha del editor de código se visualiza el controlador de eventos, el mismo contiene el identificador y la lista de eventos del elemento seleccionado. Si no hay ningún elemento seleccionado se despliega la lista de los eventos de la página.
•Consola de monitoreo de mensajes: Ubicada debajo del editor de código, esta herramienta avanzada facilita la supervisión y gestión de mensajes durante el desarrollo.
Opciones del Editor
Realiza la misma operación que la vista previa.
Aumenta el tamaño del panel y llega a cubrir el área de modelado de la página.
Vuelve el panel a su tamaño anterior.
Cambia el estilo del editor de código a modo oscuro.
Cambia el estilo del editor de código al modo anterior.
Operaciones
Asociar una Función
La página tiene definidas en forma predeterminada las funciones asociadas para sus tres eventos. En cambio sus elementos no tienen definida ninguna función.
Para asociar una función a un evento se debe seleccionar el mismo en la lista de eventos del elemento, habilitando el ingreso del nombre de la función. Automáticamente se genera un nombre con el identificador del elemento concatenado con el nombre del evento y al presionar el ícono 
se crea en el código la función que se asocia al evento.
Si la función ya existe automáticamente se agrega un número como sufijo. Se valida que no se creen funciones con el mismo nombre.
Seleccionar una Función
Al seleccionar una función en la lista de eventos del elemento, se mueve el foco sobre dicha función en el editor de código Javasript.
Desasociar una Función
Para desasociar una función de un evento se debe presionar el ícono 
que se visualiza al deslizar el cursor sobre la línea en la lista de eventos. De esta manera se elimina la asociación de la función con el evento pero no se elimina del código.
Si se borra la función en el código Javascript, la misma sigue apareciendo asociada en la lista de eventos, sin embargo el evento no ejecuta ninguna función y no da error.
Consola de Monitoreo de Mensajes
Se accede a esta consola presionando sobre los íconos correspondientes a los mensajes, que se encuentran en la barra inferior del editor de código.
Al acceder a la consola, los mensajes se visualizan de manera ordenada y categorizada. Se proporciona un detalle sobre cada mensaje, incluyendo su ubicación en el código y posibles soluciones. Los mensajes se actualizan en tiempo real, con un monitoreo continuo que permite visulaizar los errores y advertencias a medida que se detectan.
Tipos de Mensajes
Errores de Sintaxis: Detecta y notifica errores de sintaxis en el código.
Advertencias: Señala posibles problemas que podrían afectar el rendimiento o la calidad del código, proporcionando alertas sobre aspectos que necesiten atención o revisión.
Información de Uso: Identifica situaciones en la implementación de métodos y funciones, y proporciona recomendaciones para mejorar el código.
