Elementos del tema para los espacios del panel de control

Antes de empezar a personalizar el tema para un espacio, debe comprender de qué es responsable cada elemento y si puede modificarlo.

Puede encontrar los elementos que controlan la función y el aspecto de un tema en el archivo theme.html. La tabla siguiente contiene la descripción de cada elemento del archivo theme.html, y si puede eliminarlo o sustituirlo.it.

Tabla 1. Elementos del tema para un espacio
Componente	Tipo	Capa	Eliminar	Sustituir	Detalles
head	área de contenido dinámico	IBM Mashup Center	N	N	Añade el JavaScript necesario.
config	área de contenido dinámico	IBM Mashup Center	N	N	Añade el JavaScript necesario.
bspaceConfig	área de contenido dinámico	Business Space	N	N	Añade el JavaScript necesario.
loadingCurtain	widget del sistema	Business Space	N *	S	Visualiza un mensaje de carga mientras se construye la interfaz del usuario. * No recomendado. La eliminación de la característica afectará a la experiencia del usuario al cargar páginas.
debugConsole	widget del sistema	Business Space	N	N	Envía un mensaje de error del lado del cliente al servidor para el registro y mejora de la prestación de servicio.
bannerHtml	área de contenido dinámico	Business Space	S	S	Crea el área del mensaje de cabecera de la página.
tabbedNavigationWidget	widget del sistema	Business Space	N *	S **	Proporciona separadores de página para navegar entre las páginas de un espacio. * La eliminación de este widget no es recomendable debido al manejo complejo de sucesos. En lugar de ello puede ocultar este widget. ** No se recomienda la sustitución de este widget debido a que la implementación es compleja. En su lugar puede ocultar este widget y proporcionar un widget de navegación simplificada.
mode selector	widget del sistema	Business Space/IBM Mashup Center	S	S	El botón permite a los editores cambiar entre las modalidades de visualización y edición de páginas.
status	área de contenido dinámico	IBM Mashup Center	S	S	El área de estado utilizada para visualizar mensajes.
customizeShelfContainer	widget del sistema	Business Space/IBM Mashup Center	N *	N **	Utilizado por la paleta para acceder a la funcionalidad necesaria. * La paleta depende de este widget, por lo que no se puede eliminar si se necesita la paleta. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
palette	widget del sistema	Business Space	N	N **	Paleta de widgets. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
layout	área de contenido dinámico	IBM Mashup Center	N *	N *	Crea y organiza todos los widgets del usuario en la página. * Crítico para la función general.
newPage	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para crear una nueva página.
sharePage	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para cambiar el control de acceso para una página o espacio.
reorderPage	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para clasificar páginas dentro de un espacio.
StatusBarLogHandle	widget del sistema	IBM Mashup Center	S	S	Maneja el registro de mensajes de error y de aviso en la página.
editPage	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para editar propiedades de página.
copySpace	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para crear un nuevo espacio basado en otro espacio.
createSpace	widget del sistema	Business Space/IBM Mashup Center	S	S	Diálogo utilizado para crear un nuevo espacio.
editSpace	widget del sistema	Business Space/IBM Mashup Center	S	S	Diálogo utilizado para crear propiedades de un espacio de edición.
spaceManager	widget del sistema	Business Space	N *	N **	Diálogo utilizado para administrar espacios y páginas del sistema. * Crítico para la función general. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
templateManager	widget del sistema	Business Space	S	N **	Diálogo utilizado para agregar plantillas. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
embedWidget	widget del sistema	IBM Mashup Center	S	N **	Diálogo utilizado para generar la marcación necesaria para visualizar los widgets en un contexto HTML arbitrario. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
embedPage	widget del sistema	IBM Mashup Center	S	N **	Diálogo utilizado para generar la marcación necesaria para visualizar una página o widgets en un contexto HTML arbitrario. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
publishWidget	widget del sistema	IBM Mashup Center	S	N **	Diálogo utilizado para publicar un widget en el Concentrador del Information Center. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
renameWidget	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para renombrar un widget.
importWidget	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para importar un widget desde el Concentrador del Information Center.
pageCreate	widget del sistema	Business Space	S	S	Diálogo utilizado para crear una nueva página.
spaceChangeOwnerWidget	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para asignar un nuevo propietario para un espacio.
spaceEditorWidget	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para asignar propiedades para un espacio.
changeOwner	widget del sistema	IBM Mashup Center	S	S	Diálogo utilizado para asignar un nuevo propietario para una página.
showLink	widget del sistema	Business Space	S	S	Diálogo utilizado para generar un URL que pueda direccionar la página actual y el estado de navegación.
styleManager	widget del sistema	Business Space	S	S	Gestiona el estilo.
wireInterface	widget del sistema	Business Space	S	N **	Diálogo utilizado para gestionar la conexión entre widgets de una página. ** La sustitución de este widget no está recomendada debido a la complejidad de la implementación.
dialogDisplayer	widget del sistema	Business Space	N *	S	Controla cómo se visualizan y colocan los diálogos. * Es una función necesaria.
asa	área de contenido dinámico	IBM Mashup Center	S	S	Proporciona ganchos para la prestación de analítica.

Muchos de los nombres de los widgets expresan claramente la función del widget. Sin embargo, algunos widgets del sistema manejan procesos importantes de sucesos y no se deben eliminar. Los elementos que contienen una 'N' en la columna Eliminar o Sustituir no se deben eliminar o sustituir, pero se pueden ocultar.

Por ejemplo, tabbedNavigationWidget se marca con una "N" para Eliminar porque maneja sucesos que se ocupan de mostrar y eliminar la cortina de carga. (La cortina de carga visualiza una pantalla blanca con un mensaje Cargando... cuando se están cargando páginas y widgets.)

El widget loadingCurtain se marca con una "Y" para Sustituir porque se puede añadir display:none al atributo style de la sección <div> correspondiente y proporciona un iWidget de navegación alternativo, tal como se muestra en el ejemplo siguiente.

Ejemplo: Sustitución de tabbedNavigationWidget

El widget del sistema tabbedNavigationWidget controla la forma en que se visualizan los separadores de página en la parte superior de un espacio. Dentro del widget, los manejadores para los sucesos com.ibm.mashups.builder.switchPage y com.ibm.mashups.builder.pageSwitched difunden el suceso com.ibm.bspace.removeLoadingCurtain para ocultar la cortina de carga.

com.ibm.mashups.iwidget.services.ServiceManager.getService("eventService").broadcastEvent("com.ibm.bspace.removeLoadingCurtain", "true");

Si desea actualizar el archivo theme.html para eliminar el widget de sistema tabbedNavigationWidget y sustituirlo con su widget de navegación, su widget personalizado debe manejar los sucesos de com.ibm.mashups.builder.switchPage y com.ibm.mashups.builder.pageSwitched y difundir el suceso com.ibm.bspace.removeLoadingCurtain para ocultar la cortina de carga. Utilice el código siguiente para manejar y difundir estos sucesos en el widget de navegación.

<div class="iw-iWidget iw-Standalone" id="tabbedNavigationWidget" style="width: 100%;">
<a class="iw-Definition" href="/BusinessSpace/iWidget/widgets/system/tabbedNavigation/tabbedNavigation.xml"> </a>
<span class="iw-ItemSet" title="attributes" style="visibility: hidden; display: none;">
<a class="iw-Item" style="visibility: hidden; display: none;" href="#isBSpaceMode">true</a>
<a class="iw-Item" style="visibility: hidden; display: none;" href="#isBSpaceGlobalMode">false</a>
</span>
</div>

Este código deja la cortina de carga en su lugar.