Bueno este tutorial está enfocado a la programación con un master page.
Un master page en genexus, ayuda al programador facilitando la tarea de programar, todos los objetos web en genexus tienen algo en común: cabezal, menu, pie, área de datos, tema y algún otro propio de la aplicación.
La idea de un master page es juntar todas estas características y aplicarlas de forma automática a cualquier otro webpanel.
Primero que nada creamos un nuevo objeto del tipo webpanel. Luego en las propiedades del objeto le indicamos que tipo de objeto será:
Donde dice "Type", indicamos que será Master Page y aceptamos.
Luego hay que diagramar el diseño del objeto, en mi caso lo que hice fue bien sencillo, un cabezal, pie, menu y area de datos.
En este caso se agregan objetos del tipo WebComponent en las distintas áreas de la página, y como podemos ver también agregué un objeto del tipo Content Place Holder, que es el objeto que mostrará el área de datos.
Ahora la base de nuestra página ya está pronta, lo único que hace falta es aplicar este Master Page en los WebPanel que queremos aplicarle un diseño.
Creamos un nuevo WebPanel y abrimos sus propiedades, vemos que donde dice "Master Page" ahora nos permite elegir el WebPanel que definimos como Master Page.
Ahora bien, el funcionamiento de esto sería de esta manera, cuando mostramos un webpanel, este aparecerá en el área de datos del Master Page (Content Place Holder), de esta manera, no es necesario que se programe un cabezal, menu o pie en cada uno de los webpanel que deseamos abrir, y todo el código necesario para mostrar un menú, estaría en el Master Page y no en cada WebPanel.
Realmente con esta funcionalidad, se pueden obtener buenos resultados y un look & feel interesante.