Controles
Un diseño de página está formado por controles de página (como cuadros combinados, tablas e imágenes) que se disponen en la posición y con el formato exactos que el usuario final podrá ver en la página. Los controles se arrastran hasta el diseño desde el panel Controles. Tras colocar un control en el diseño podrá:
•Enlazar controles a fuentes de página (del panel Fuentes de página): de este modo los datos de estos nodos podrán aparecer y procesarse en el diseño. Por lo general, la asociación entre un control y un nodo de fuente de página se define arrastrando un nodo desde su estructura de datos (desde el panel Fuentes de página) hasta el control. Una asociación de datos de este tipo se denomina vínculo de fuente de página del control.
•Establecer acciones de control: las acciones de control determinan qué funciones se deben ejecutar cuando se desencadena un evento relacionado con un control (cuando se hace clic en un botón, por ejemplo). Para definir acciones de control haga clic con el botón derecho en un control y seleccione Acciones para... en el menú contextual. Para más información consulte el apartado Acciones de control de la sección Acciones.
•Establecer propiedades de control: las propiedades de un control definen el aspecto del control (así como su posición). Por tanto, las propiedades de un control también definen el aspecto de la página. Para establecer las propiedades de un control, primero seleccione el control y después configure sus propiedades en el panel Estilos y propiedades. Para ver una descripción de las propiedades de cada tipo de control consulte la sección Controles.
•Cuando el control se asocia con un nodo de la fuente de datos (vínculo con la fuente de página), al pasar el cursor por el control (en la vista Diseño de páginas) aparece el nodo asociado. •Todos los vínculos con fuentes de página de la estructura de fuentes de página aparecen en negrita. Los nodos de la estructura que no son vínculos de fuente de página no están en negrita. •Al pasar el cursor por el vínculo con la fuente de página en la estructura del diseño aparece información sobre el control asociado. •Para eliminar una asociación con el nodo de la fuente de datos (y por tanto los datos del control) haga clic con el botón derecho en el control (en la vista Diseño de páginas) y haga clic en Eliminar vínculo con la fuente de la página <NombreDeNodo>. •Para restaurar un estilo o una propiedad (en el panel Estilos y propiedades), seleccione el estilo/la propiedad y haga clic en Restaurar en la barra de herramientas del panel. •Los valores de varias propiedades se pueden configurar usando expresiones XPath. Así podrá utilizar valores dinámicos, es decir, valores calculados o tomados de los nodos de la fuente de datos en tiempo de ejecución. Para crear una expresión XPath, haga clic en el botón Editar XPath de la barra de herramientas del panel Estilos y propiedades. •Para editar la expresión XPath de un estilo o de una propiedad (en el panel Estilos y propiedades), seleccione el estilo/la propiedad y haga clic en el botón Editar XPath de la barra de herramientas del panel. •Para copiar un control y pegarlo en otra ubicación del diseño, pulse Ctrl mientras arrastra el control hasta su nueva posición. •Para asignar propiedades a un control, defina clases para el control (con la propiedad Clase CSS del explorador) y después asigne reglas a las clases en un archivo CSS externo (que se elije en el cuadro de diálogo Configuración del explorador). •Las propiedades CSS de los controles se pueden definir en el panel Estilos y propiedades y en archivos CSS externos, pero las que se definan en el panel Estilos y propiedades tienen prioridad. |
Listado de controles
Estos son los controles disponibles en MobileTogether Designer ordenados alfabéticamente y una imagen que contiene varios de ellos.
Menú contextual
Cada control de página presenta un menú contextual. Este menú contextual incluye los comandos que se describen a continuación.
|
|
|
|
|
|
|