Prácticas probadas de IBM Cognos: Personalización de IBM Cognos 8.4.x UI

Descripción de este documento: consejo o técnica; producto(s): IBM Cognos 8.4.1; área de interés: infraestructura

Este documento suministra algunos consejos y técnicas para crear un estilo personalizado (o "skin") en IBM Cognos 8.4.x.

Introducción

Este documento suministra algunos consejos y técnicas para la creación de un estilo personalizado (o "skin") en IBM Cognos 8. Este documento proporciona una visión general de los conceptos, esquemas de colores, y archivos utilizados para el skinning en IBM Cognos 8. También proporciona algunos ejemplos relacionados con tareas para ilustrar mejor todos los cambios necesarios para crear su propio estilo personalizado.

Ejemplo de personalización de IBM Cognos Connection

Comprensión del esquema de color utilizado en los estilos

Colores por omisión utilizados en el estilo "Corporativo"

Conocer el esquema de color por omisión le permite combinar estos colores por omisión con el estilo que desea. Todos los componentes de IBM Cognos siguen el mismo esquema de color muy de cerca. La figura que se encuentra a continuación le suministra una lista de la mayoría de los colores utilizados con los estilos "Corporativos" predefinidos. Algunos componentes de IBM Cognos pueden utilizar periódicamente un color que no esté en la lista que se encuentra en la figura a continuación.

Paleta de colores con colores hexadecimales

Comprensión de los colores hexadecimales

Para comprender mejor la forma de elegir los colores debe ir a su sitio web, hacer una captura instantánea de la pantalla y llevarla a Paint Shop Pro (PSP). Luego use la herramienta cuentagotas para descubrir los valores de los colores HEX haciendo clic en el color y haciendo doble clic en el color en el panel derecho.

Mapeo de colores a secciones de la interfaz de usuario

Los diagramas que se encuentran a continuación proporcionan ejemplos del esquema de colores utilizado con el estilo "corporativo" por omisión. También puede utilizarse como guía para determinar cómo combinar su esquema de colores con el predefinido.

IBM Cognos Connection

Capturas de pantalla de la UI de IBM Cognos Connection con la paleta de colores que utiliza

Query Studio

Capturas de pantalla de la UI de IBM Query Studio con la paleta de colores que utiliza

Analysis Studio

Capturas de pantalla de la UI de IBM Analysis Studio con la paleta de colores que utiliza

Personalización de la UI de IBM Cognos 8

IBM Cognos 8 suministra archivos CSS que controlan los colores de todas las UIs de IBM Cognos 8. Usted puede personalizar la UI modificando los parámetros dentro de los archivos CSS correspondientes.

Importación de nuevos estilos

Antes de crear un nuevo estilo, usted debe primero importar un estilo.

Para importar un nuevo estilo:

  1. Copie un estilo existente para usarlo como plantilla. Todos los estilos residen en el directorio <install location>/c8/webcontent/skins . Haga una copia de la carpeta "Corporate" y reemplácela en el mismo directorio. Colóquele el nombre adecuado.
  2. Conéctese a Cognos Connection, e inicie IBM Cognos Administration
  3. Haga clic en la etiqueta "Configuration" y luego en 'Styles'
    IBM Cognos Administration mostrando el contenido de la etiqueta configuration
  4. En esta página, usted verá una lista de todos los estilos existentes. Haga clic en el ícono "New Style"
    Ventana Styles
  5. Esto abrirá ahora un "New Style Wizard". Dele un nombre al estilo. Haga clic en Next.
    Especifique un nombre y una descripción - New style wizard
  6. En "Style Resource Location" ingrese el nombre exacto de la carpeta. Una página de vista previa puede utilizarse si desea ver previamente el estilo. La ubicación de esta página de vista previa se muestra a continuación. Haga clic en Finish.
    Especifique la ubicación del estilo y el recurso de vista previa - New style wizard
  7. El nuevo estilo aparecerá ahora en la lista.
    Ventana Style con nuevo estilo agregado
  8. Una vez que el estilo ha sido importado, usted puede visualizar el estilo en la lista desplegable en 'My Preferences'.
    Ventana Set preferance que muestra la selección del nuevo estilo

Archivos utilizados con IBM Cognos 8 Styles

Todos los archivos necesarios para modificar los estilos en todos los componentes IBM Cognos pueden encontrarse en nuestra carpeta recientemente creada "my_style" ; <install location>/c8/webcontent/skins/my_style.

Componentes de IBM Cognos Archivo y ubicaciónImágenes
IBM Cognos Connectionskins/my_style/portal/default.css
/skins/my_style/shared/banner.css
/c8/template/ps/portal/system.xml
/skins/my_style/portal/images
/skins/my_style/branding
Report Studio/skins/my_style/pat/skin.css
/skins/my_style/pat/hal_skin_corportate.css
/skins/mystyle/hal/images
Analysis Studio/skins/my_style/ans/background.css
/skins/my_style/ans/explore.css
/skins/my_style/ans/images
Query Studio/skins/my_style/qs/crn.css
/skins/my_style/portal/default.css
/skins/my_style/qs/QSRVCommonUI.css
/skins/my_style/shared/banner.css
/skins/my_style/prompting/QSReport.css
/skins/my_style/qs/images
Event Studio/skins/my_style/portal/default.css
/skins/my_style/prompting/promptCommon.css
/skins/my_style/ags/ags.css
/skins/my_style/ags/crn.css
/skins/my_style/ags/images
IBM Cognos Administration<install location>/c8/webapps/p2pd/WEB-INF/fragments/styles/cogadmin.xml

System.xml – El archivo system.xml (<install location>\c8\templates\ps\portal directory) es utilizado para modificar la funcionalidad o para ocultar ciertas secciones de la interfaz del usuario. La mayoría de los parámetros en este archivo aplican para todos los usuarios.

Modificación de texto, tipo de fuentes e imágenes

La modificación de los nombres de los componentes y los mensajes de texto – Usted puede cambiar los nombres de los componentes de IBM Cognos 8 y modificar los mensajes de texto que lo acompañan abriendo el archivo correspondiente al mensaje en un editor de texto y realizando la acción buscar y reemplazar en las cadenas de texto y llamadas que desea modificar. Los archivos de mensajes están ubicados en el directorio <install-location>/c8/msgsdk . Para que los cambios surjan efecto, usted debe ejecutar el Localization Development Kit (LDK) de acuerdo con la LDK Installation and User Guide.

Modificación de las fuentes en IBM Cognos 8 – Usted puede cambiar las fuentes utilizadas en IBM Cognos 8 mediante la modificación de la lista de fuentes familiares en el archivo <install-location>/c8/webcontent/skins/my_style/fonts.css. Modifique el archivo fonts.css relacionado con el estilo que desea. Por ejemplo, podemos cambiar la fuente por omisión utilizada en todas las interfaces HTML, excepto Report Studio, por una más conveniente para generar caracteres asiáticos especiales. Abra el archivo fonts.css en un editor de texto, comente la sección que muestra a Tahoma como el elemento principal en la lista de las fuentes familiares, y elimine luego el comentario de una entrada que concuerde mejor con sus requerimientos Unicode .

Modificación de las imágenes en IBM Cognos – Todas las imágenes son localizadas con un directorio de estilo. La tabla que se encuentra a continuación muestra la ubicación de todas las imágenes por componente. Usted puede modificar fácilmente la ubicación de la imagen reemplazando su propia imagen personalizada en este directorio y utilizando el mismo nombre de archivo.


Recatalogación de IBM Cognos 8

Usted puede recatalogar rápidamente IBM Cognos 8 combinando los colores por omisión con los colores deseados, y reemplazando luego todas estas instancias de estos colores en los archivos CSS correspondientes. Por ejemplo, suponga que usted tiene el siguiente sitio web.

Página de web personalizada de muestra

Quizá desee recatalogar IBM Cognos para combinar el mismo esquema de colores. Para esto, usted puede primero mapear los colores por omisión en el estilo "corporativo" a aquellos que desea.

La siguiente página HTML utiliza predominantemente los siguientes tres colores:

Colores en hexadecimales - #2d5c3d, c8ddca, 8bb093

Al usar este esquema de colores, usted reemplazará los colores por omisión por los siguientes colores, con algunas excepciones.

Nota: al seleccionar un esquema de colores, trate de mantener los mismos acentos de color, es decir, combine los colores oscuros con los colores oscuros y los colores claros con los colores claros.

Agrupamientos de colores

Las siguientes secciones muestran qué partes de la UI están siendo modificadas y qué archivo(s) necesita ser modificado para completar el cambio. Esta sección no muestra todos los parámetros pero da una buena idea sobre la mayoría de los elementos que se modifican con más frecuencia.

Recatalogación de IBM Cognos Connection

Archivos utilizados

  • <install location>/c8/webcontent/skins/my_style/portal/default.css
  • <install location>/c8/webcontent/skins/my_style/shared/banner.css
  • <install location>/c8/templates/ps/portal/system.xml

Modificación de la cabecera principal: banner.css

Banner de IBM Cognos Connection

color de fondo

.mainHeader1 
{	
	padding: 1px;
	background-color: #2d5d3d; 
	border-bottom: #2d5d3d 3px solid; 
	height:28px;
	width:100%;
}

color del título de la barra

.headerTitle 
{
	padding-left: 5px;
	font-weight: bold; 
	background-color: #2d5d3d;
	font-size: 75%;
	color: #ffffff;
	vertical-align: middle;
	white-space:nowrap;
}

área vacía entre el título y los botones

.mainHeader1Middle
{
	width:100%;
	/* background-image: url(../shared/images/banner_middle.gif) */
	background-repeat: repeat-y;
}

Modificación de las etiquetas del portal: default.css

Etiquetas del portal IBM Cognos Connection

dentro de la etiqueta deseleccionada

.tabNormal 
{
	padding-right: 20px; 
	padding-left: 20px; 
	font-size: 70%;
	text-align: center;
	background-color: #c8ddca;
	border-bottom:#999999 1px solid;
	border-top:#c8ddca 1px solid;
}

dentro de la etiqueta seleccionada

.tabSelected
{
	padding-right: 20px;	 
	padding-left: 20px; 
	border-top:#999999 1px solid;
	font-weight: bold; 
	font-size: 70%;	 
	color: #ffffff;
	text-align: center;
	background-color:#8bb093;
}

espacio detrás de las etiquetas

.tabBarContainer
{
	width: 100%;
	height: 20px;
	background-color:#c8ddca;
}

fondo de la parte de atrás de las etiquetas

.mainHeader3 
{
	padding-top: 5px; 
	background-color: #c8ddca;
}

bordes de las etiquetas (En el skin corporativo, los bordes son imágenes. En el ejemplo las estamos quitando.)

.tabLeftSelected 	
{	
	height:100%; 
	width:7px; 
	background-image:/* url(../shared/images/tab_selected_l.gif) */ ; 
	background-repeat: no-repeat; 
}
.tabRightSelected	
{	
	height:100%; 
	width:7px; 
	background-image:/* url(../shared/images/tab_selected_r.gif) */ ; 
	background-repeat: no-repeat;
}
.tabLeftNormal 		
{	
	height:95%; 
	width:6px; 
	background-image:/* url(../shared/images/tab_normal_l.gif) */ ; 
	background-repeat: no-repeat;	
	border-bottom:#999999 1px solid; 
}
.tabRightNormal		
{	
	height:95%; 
	width:6px; 
	background-image:/* url(../shared/images/tab_normal_r.gif) */ ; 
	background-repeat: no-repeat;	
	border-bottom:#999999 1px solid;
}

botones

.tabMenuButtonNormal 
{
	border: #c8ddca 1px solid;
	padding:1px;
	cursor:pointer;
	background-color:#c8ddca;
}
.tabMenuButtonOver 
{
	border: #8bb093 1px solid;
	padding:1px;
	cursor:pointer;
	background-color:#8bb093;
}

color de fuente de la etiqueta deseleccionada.

.tabAnchor
{
	color: #2d5d3d;
}

Modificación de la ruta: default.css

Bread crumbs de IBM Cognos Connection

Modificación del color del nodo padre. (Esto cambia todo el texto que está subrayado.)

a 
{
	color: #2d5d3d;
}

color del nodo hijo

.pathLeafNode 
{
	font-weight: bold; 
	color: #2d5d3d;
}

Modificación del color de la tabla: default.css

Lista de paquetes e informes de IBM Cognos Connection

color de fondo de encabezado de tabla

.tableHeader 
{
	background-color: #8bb093;
}

títulos del encabezado (.tableSortTitle cambia todo los nombres de los encabezados que puede clasificar.)

.tableTitle 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #2d5d3d;
}
.tableSortTitle
{
	font-weight: bold; 
	color: #2d5d3d;
	text-decoration: none;
}

texto seleccionable en la tabla

a 
{
	color: #2d5d3d;
}

texto no seleccionable en la tabla

.tableText 
{
	font-size: 70%; 
	color: #2d5d3d;
}

Menúes desplegables: default.css

Menúes desplegables de IBM Cognos Connection

texto

.text 
{
	font-size: 70%; 
	color: #2d5d3d;
}

fondo del menú y los márgenes

.flyOutMenu 
{
	border: #2d5d3d 1px solid; 
	font-weight: normal; 
	font-size: 100%; 
	overflow-x: hidden; 
	overflow: auto;
	background-color: #c8ddca;
}

color de ventana flotante

.menuItemOver 
{ 
	text-decoration:underline;
	cursor:pointer;
	color: #000000;
	height: 20px; 
	background-color: #8bb093;
}

color normal de despliegue del enlace.

.menuItemNormal 
{ 
	text-decoration:underline;
	cursor:pointer;
	color: #000000;
	height: 20px; 
	background-color: #c8ddca;
}

Reemplazo del texto de IBM Cognos Connection con un logotipo corporativo

Para agregar su logotipo corporativo:

  1. Coloque la imagen en la carpeta <install location>/c8\webcontent\skins\my_style\branding
  2. En /c8/template/ps/portal, edite el archivo system.xml usando Notepad u otro editor XML.
  3. Busque "<!-- Custom OEM headers -->".
  4. Notará que esta sección está señalada como comentario. Quite las barras de comentario de esta sección y agregue la siguiente sección para su nuevo estilo:
<style styleFolderName="your_new_skin_name_here">
	<table style="background-color:#2d5d3d">
		<tr>
			<td><img src="../skins/classic/branding/my_logo.gif"/></td>
			<td class="headerTitle"
			  style="padding-right:2px;white-space:nowrap"></td>
		</tr>
	</table>				
</style>

Nota: Esta es la imagen utilizada por my_logo.gif.

Logotipo personalizado

Usted debe reiniciar el servicio de IBM Cognos 8 para que estos cambios surjan efecto.

Resultado final

Vista previa de IBM Cognos Connection

Recatalogación de Query Studio

Archivos utilizados

  • <install location>/c8/webcontent/skins/my_style/qs/ crn.css
  • <install location>/c8/webcontent /skins/my_style/portal/default.css
  • <install location>/c8/webcontent /skins/my_style/qs/QSRVCommonUI.css
  • <install location>/c8/webcontent /skins/my_style /shared/banner.css
  • <install location>/c8/webcontent /skins/my_style/prompting/QSReport.css

Modificación del encabezado: banner.css

Banner de Query Studio

Despliegue del título

.headerTitle 
{
	background-color: #2d5d3d;
	padding-left: 5px;
	font-weight: bold;
	font-size: 75%;
	color: #ffffff;
	vertical-align: middle;
	white-space:nowrap;
}

sección media entre el nombre Studio y la barra de color sólido

.mainHeader1Middle
{
	width:100%;
	background-image: /* url(../shared/images/banner_middle.gif) */ ;
	background-repeat: repeat-y;
}

barra de color sólido

.mainHeader1
{	
	padding: 1px;
	background-color: #2d5d3d;
	border-bottom: #2d5d3d 3px solid; 
	height:28px;
	width:100%;
}

Modifica los botones del encabezado: CRN.css

Botones del banner de Query Studio

fondo y margen de un botón deseleccionado

.headerButton
{
	border: #2d5d3d 1px solid;
	background-color: #2d5d3d;
	cursor:pointer;
	width: 22px;
}

fondo y tabla flotando

.headerButtonRollover
{
	border: 1px solid #ffffff;
	background-color: #2d5d3d;
	cursor:pointer;
	width: 22px;
}

fondo y propiedades de flotación del botón more help

.headerButtonDropDown
{
	border: #2d5d3d 1px solid;
	background-color: #2d5d3d;
	cursor: pointer;
	width: 3px;
}
.headerButtonDropDownRollover
{
	border: #ffffff 1px solid;
	background-color: #2d5d3d;
	cursor: pointer;
	width: 3px;
}

Modificación del menú lateral: QSRVCommonUI.css

Menú lateral izquierdo de Query Studio

Título del menú

.menuHeader {
	font-size: 70%;
	color: #2d5d3d;
	border-collapse: collapse;
	vertical-align: bottom;
	font-weight: bold;
	width:100%;
}

opciones del menú

.menuItem,
.menuItemSpacer,
.menuItemSpacerTop {
	background-color: #8bb093;
	border: solid #2D5D3D;
	border-width: 0px 1px;
	border-collapse: collapse;
}

.menuItem
.menuAction {
	font-size: 70%;
	color: #2d5d3d;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.menuItemSelected {
	color: #2d5d3d;
	border-collapse: collapse;
	cursor: default;
	padding: 3px 10px;
	border: 1px solid #8bb093;
	height:20px;
	font-size: 70%;
	font-weight: bold;
}

Controla la ventana Data Tree

.menuContent,
.menuContentCollapsed {
	color: #336699;
	border: 1px solid #2d5d3d;
	padding: 3px;
}

Ventana Information

.informationTitleHeader
{
	color: #2D5D3D;
	font-weight: bold;
	font-size: 70%;
}
.metaContent {
	background-color: #c8ddca;
	border: solid #2d5d3d;
	border-width: 0px 1px 1px;
	border-collapse: collapse;
	padding: 3px;
}

Encabezado de ventana Information: default.css

.dialogHeader
{
	border: #2D5D3D 1px solid;
	height: 24px;
	background-color: #8bb093;
}

Modificación de la imagen "Select and insert item…" : QSReport.ccs

Imagen de Query Studio Select e insertar elemento
.startPageListColumnTitle
{
	padding: 3px 5px;
	border: 1px solid #2d5d3d;
	line-break: strict;
	background-color: #8bb093;
}
.startPageListColumn
{
	padding: 3px 5px;
	border-color: #2d5d3d;
	border-width: 0px 1px 1px;
	border-style: solid;
	line-break: strict;
	background-color: none;
}

Modificación de la ventana flotante: CRN.css

Menú flotante de Query Studio
text container
.menuItem_normal
{
	font-size: 70%;
	border-right: #ffffff 1px solid;
	padding-right: 1px;
	border-top: #ffffff 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: #ffffff 1px solid;
	color: #2d5d3d;
	padding-top: 1px;
	border-bottom: #ffffff 1px solid;
	font-family: Tahoma;
	background-color: #ffffff;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

aviso flotante sobre contenedor de texto

.menuItem_hover
{
	font-size: 70%;
	border-right: #99aacc 1px solid;
	padding-right: 1px;
	border-top: #99aacc 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: #99aacc 1px solid;
	color: 2d5d3d;
	padding-top: 1px;
	border-bottom: #99aacc 1px solid;
	font-family: Tahoma;
	background-color: #c8ddca;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
Resultados finales de Query Studio

Recatalogación de Analysis Studio

Archivos utilizados

  • <install location>/c8/webcontent/skins/my_style/ans/background.css
  • <install location>/c8/webcontent/skins/my_style/ans/explore.css

Modificación de la barra del menú: background.css

Barra del menú de Analysis Studio

fondo, margen

.menubar
{
	position: absolute;
	overflow: hidden;
	padding: 0px;
	background-color: #2d5d3d;
	border-bottom: 3px solid #2d5d3d;
	border-top: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
}
.menubar_content_div
{
	background-image: url
		(../../../skins/corporate/ans/images/title_bar_graphic_studios.gif);
	padding: 2px;
	border: 0px;
	width: 582px;	
}

Modificación de aviso flotante de los elementos del menú y las configuraciones presionadas

.menu_hover
{
	background-color: #8bb093;
	border: 1px solid #2d5d3d;
	color:#ffffff;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;

}
.menu_pressed
{
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #8cc092;
	border: 1px solid #2d5d3d;
	color:#ffffff;
}

Modificación de la barra de botones: background.css

Barra de botones de Analysis Studio

color de fondo

.main_toolbar
{
	position: absolute;
	white-space: nowrap;
	padding: 2px;
	background-color: #8bb093;
	border-bottom: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
	overflow: hidden;
}

botones

.toolbar_dropdown_button_pressed
{
	border : 1px solid #8bb093;
	background-color: #8bb093;
	padding : 1px;	
	/* pointer for standards compliant browsers, hand for ie 5.5*/
	cursor: pointer;
	cursor: hand;	
	display: inline;
}
toolbar_arrow_combo_pressed
{
	background-color: #8bb092;
	border : 1px solid #8bb092;
	display: inline-block;
	padding: 1px;
	cursor: pointer;
	cursor: hand;
}
toolbar_arrow_combo_hover
{
	border : 1px solid #2d5d3d;
	background-color: #c8ddca;
}
toolbar_arrow_combo_pressed
{
	border : 1px solid #2d5d3d;
	background-color: #c8ddca;
}

Control de las etiquetas: background.css

Etiquetas de Analysis Studio

Márgenes, fuente

.tab_dummy_td_none_selected
{
	text-align: left;
	color: #0000CC;
	padding: 3px 15px 3px 15px;
	white-space: nowrap;
	border-collapse : collapse;	
	text-decoration: underline;
	font-family: Tahoma;
	font-size: 70%;
	font-weight: normal;
	text-decoration: underline;
	border-top: 1px solid #2d5d3d;
	border-bottom: 1px solid #2d5d3d;
	border-left: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
}
.tab_td_none_selected
{
	border-top : 1px solid #2d5d3d;
}
.top_tab_td_none_selected
{
	border-bottom : 1px solid #2d5d3d;
}
.tab_right_border
{
	border-right: 1px solid #2d5d3d;
}
.tab_left_border
{
	border-left: 1px solid #2d5d3d;
}

Etiqueta Controls seleccionada

.tab_td_selected, .top_tab_td_selected
{
	text-align: left;
	white-space: nowrap;
	border-collapse : collapse;	
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #336699;	
	background-color: #c8ddca;
	padding: 3px 15px 3px 15px;
	border : 1px solid #2d5d3d;

etiqueta deseleccionada (esto controla la parte de atrás del fondo del panel Insertable Objects)

.pane
{
	text-align: left;
	position:absolute;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	background-color: #c8ddca;
	border: 1px solid;
	border-color: #2d5d3d #2d5d3d #2d5d3d #2d5d3d;		
}

Control del panel de propiedades: Multiple .css files

botones: explore.css

.dialogbuttons,.blockproppanebutton
{
	border-top: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
	border-left: 1px solid #2d5d3d;
	border-bottom: 1px solid #2d5d3d;
	background-color: #8bb093;
	width: 100%;
	padding: 2px 3px 2px 3px;
}
.dialogButton_hover
{
	background-color: #2d5d3d;
}

encabezado del contenedor: background.css

.ToggleBar,.DlgTitleBar
{
	overflow: hidden;
	table-layout: fixed;
	white-space:nowrap;
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #2d5d3d;	
	background-color: #8bb093;
	padding: 3px;
	border : 1px solid;
	border-color : #2d5d3d;
}

propiedades del contenedor: background.css

.BlockPropertiesContainer
{
	border-left: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
	background-color: #c8ddca;
	overflow: auto;
}

panel Information: background.css

.InfoContainer
{
	background-color: #c8ddca;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color : #2d5d3d; 	
	overflow: auto;
	overflow-x: hidden;
}

panel Information: background.css

Cuadro de información de Analysis Studio
.InfoContainer
{
	background-color: #c8ddca;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color : #2d5d3d; 	
	overflow: auto;
	overflow-x: hidden;
}

Menúes Contextuales: background.css

fondo

.contextMenu_body, .contextMenu_body_NS
{
	background-color: #c8ddca;
	padding: 3px;
	border: 1px solid #2d5d3d;
	font-size: 8pt;
	position: absolute;

	visibility: visible;
	left: -1000px;
	cursor: default;
	display: block;
	overflow-y: auto;
}

enlace no resaltado

contextMenu_item_default 
{
	font-size: 8pt;
	padding: 1px 0px 1px 3px;
	border: 1px solid #c8ddca;
	white-space: nowrap;
	text-align: left;
	cursor: default;
	text-decoration: underline;
	background-color: c8ddca;
	color: #2d5d3d;	
}

Menú flotante

contextMenu_item_with_submenu_over 
{
	cursor: pointer;
	cursor: hand;
	background-color: #8bb093;
	border: 1px solid #;
}

Control de la ventana Insertable Objects: múltiples archivos css

Insertable Objetos de Analysis Studio

encabezado: background.css

.ins_obj_title_bar{
	overflow: hidden;
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #2d5d3d;	
	background-color: #c8ddca;
	padding: 3px;
	border : 1px solid;
	border-color : #2d5d3d;
}

márgenes: explore.css

.mdmetadata, .analysis_item
{
	color: #0000CC;
	left: 0px;
	position:absolute;
	font-size: 70%;
	font-family: Tahoma;
	padding: 3px 3px 3px 3px;
	overflow: auto;
	white-space: nowrap;
	vertical-align : middle;
	border-left: 1px solid #2d5d3d;
	border-right: 1px solid #2d5d3d;
}

Mostrar/ocultar botón: explore.css

Botón mostrar ocultar en Analysis Studio
.hide_show		
{	
	background-color: #c8ddca;
	border : 1px solid;
	border-color : #2d5d3d #2d5d3d #2d5d3d #2d5d3d;		
	position: absolute;
}
.hide_show_hover
{
	background-color: #8bb093;
}

Barra de control de axis: explore.css

etiquetas de axis

.axis_label, .rules_label
{
	padding-left: 4px;
	white-space: nowrap;
	color: #2d5d3d;
	font-size: 60%;
}

Controla las áreas de arrastre de las crosstabs: explore.css

Área de arrastre de crosstabs en Analysis Studio

celda de columna

.ColMemberCellTemplate
{
	border-collapse: collapse;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #2d5d3d;
	text-align: center;
	font-weight: bold;
	color: #2d5d3d;
	background-color: #c8ddca;
	white-space: nowrap;
	cursor: default;
	padding: 5px 7px 5px 5px;
}

celda de fila

.RowMemberCellTemplate
{
	border-collapse: collapse;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #2d5d3d;
	text-align: center;
	font-weight: bold;
	color: #2d5d3d;
	background-color: #c8ddca;
	white-space: nowrap;
	cursor: default;
	padding: 5px 7px 5px 5px;
}

resultado final

Resultado final de Analysis Studio

Recatalogación de Report Studio

archivos utilizados

  • <install location>/c8/webcontent/skins/my_style/pat/skin.css
  • <install location>/c8/webcontent/skins/my_style/hal/hal_skin_corportate.css

Nota: En estos archivos css, muchas secciones han sido agrupadas para muchas de las entradas de estilo.

Controla la mayor parte del panel de fondo: skin.css

Report Studio mostrando áreas en las cuales el fondo será modificado
#idToolboxTabPanels_Pane,
#idToolboxTabBox_Pane,
#idProperties_Pane,
#idDescription_Pane,
.clsPane_Toolbox_active,
.clsPane_Toolbox_inactive,
.clsPane_Properties_inactive,
.clsPane_Workarea_inactive,
#idExplorerBar,
.clsBigButtonBar,
.clsQueryViewListViewHeader,
.clsQueryTabBackground,
DIV.clsFontComboBoxGroupListItem,
TD.clsGridHeader
{
	background-color: #c8ddca;
}

Controla la bienvenida, todos los botones, el color de la etiqueta seleccionada y columna de página Explorer: hal_skin_corporate.css

BODY,
BUTTON,
DIV.clsMenubar,
DIV.clsToolbar,
DIV.clsDlgToolbar,
TD.clsMenubarItem,
TD.clsToolbarButton,
.clsMenuPopup,
.clsPopupDialog,
.clsMenuItem,
TABLE.clsModalDlg,
BUTTON.clsDlgButton,
BUTTON.clsXButton_active,
BUTTON.clsXButton_inactive,
TD.clsExplorerButton,
.clsBigButtonBar,
BUTTON.clsBigCoolButton,
TD.clsToolbarButton,
TD.clsTabBox_inactive,
TD.clsTabBox_active,
TD.clsTabBox_inactive_hover,
TD.clsTabBox_active_hover,
TD.clsBottomTabBox_inactive,
TD.clsBottomTabBox_active,
TD.clsBottomTabBox_inactive_hover,
TD.clsBottomTabBox_active_hover,
DIV.clsTabPanels,
DIV.clsBottomTabPanels,
TD.clsComboBoxArrow,
TD.clsComboBoxArrow_disabled,
DIV.clsListViewColumnHeader
{
	background-color: #8bb093;
}

Controla los encabezados, color de botón flotante: hal_skin_corporate.css

Encabezado de panel de Report Studio
BUTTON.clsCoolButton_hover,
TD.clsMenubarItem_up,
TD.clsToolbarButton_up,
BUTTON.clsCoolButton_pressed,
TD.clsMenubarItem_down,
TD.clsToolbarButton_down,
TD.clsToolbarButton_stuck,
.clsMenuItem_selected,
DIV.clsPaneHeader_inactive,
.clsListItem_hover,
.clsListItem_tb_selected,
.clsTreeNode_hover,
TD.clsPropertySheetLabel_active,
.clsModalDlgHeader_inactive,
BUTTON.clsXButton_inactive,
TD.clsTabBox_active_hover,
TD.clsBottomTabBox_active_hover,
BUTTON.clsBigCoolButton_hover,
TD.clsMenubarItem_up,
TD.clsToolbarButton_up,
BUTTON.clsBigCoolButton_pressed,
TD.clsMenubarItem_down,
TD.clsToolbarButton_down,
TD.clsComboBoxArrow_down
{
	background-color: #2d5d3d;
}

Controla las etiquetas y los avisos flotantes inactivos: hal_skin_corporate.css

Etiquetas de Report Studio
TD.clsTabBox_inactive,
TD.clsBottomTabBox_inactive,
TD.clsTabBox_inactive_hover,
TD.clsBottomTabBox_inactive_hover
{
	color: #0000CC;
	text-decoration: underline;
	background-color: #c8ddca;
}

Controla los elementos de la barra de herramientas: hal_skin_corporate.css

Botón de la barra de herramientas de Report Studio
BUTTON.clsCoolButton_hover,
TD.clsMenubarItem_up,
TD.clsToolbarButton_up,
BUTTON.clsCoolButton_pressed,
TD.clsMenubarItem_down,
TD.clsToolbarButton_down,
TD.clsToolbarButton_stuck,
BUTTON.clsBigCoolButton_hover,
TD.clsMenubarItem_up,
TD.clsToolbarButton_up,
BUTTON.clsBigCoolButton_pressed,
TD.clsMenubarItem_down,
TD.clsToolbarButton_down,
DIV.clsListViewColumnHeader
{
	border-top: solid #8bb093 1px;
	border-left: solid #8bb093 1px;
	border-right: solid #8bb093 1px;
	border-bottom: solid #8bb093 1px;
}

HR,
BUTTON.clsCoolButton,
TD.clsToolbarButton,
BUTTON.clsBigCoolButton,
TD.clsToolbarButton,
.clsListItem_colorCell_normal
{
	border: 1px solid #8bb093;
}

Controla la barra de menú: hal_skin_corporate.css

Barra de menú de Report Studio
DIV.clsMenubar,
TD.clsMenubarItem
{
	background-color: #c8ddca;
}

TD.clsMenubarItem,
TD.clsMenubarItem_up,
TD.clsMenubarItem_down
{
	font-weight: #2d5d3d;
}

TD.clsMenubarItem
{
	color: #2d5d3d;
	border-top: 1px solid #c8ddca;
	border-left: 1px solid #c8ddca;
	border-right: 1px solid #c8ddca;
	border-bottom: 1px solid #c8ddca;
}
TD.clsMenubarItemLast
{
	/* background-image: url(images/menubar_background.gif); */
	background-repeat: no-repeat;
	background-position: right;
}

DIV.clsMenubar
{
	border-top: 1px solid /* #E7E7E7 */ ;
	border-right: 1px solid /* #E7E7E7 */ ;
	border-bottom: 2px solid /* #DEAC77*/ ;
	border-left: 1px solid /* #E7E7E7 */ ;
}
DIV.clsToolbar
{
	border-top: 1px solid /* #DEAC77*/ ;
}

Resultado final

Resultado final de Report Studio

Recatalogación de Event Studio

Archivos utilizados

  • <install location>/c8/webcontent /skins/my_style/portal/default.css
  • <install location>/c8/webcontent /skins/my_style/prompting/promptCommon.css
  • <install location>/c8/webcontent /skins/my_style/ags/ags.css
  • <install location>/c8/webcontent /skins/my_style/ags/crn.css

Control de la barra de menú: crn.css

Barra de menú de Event Studio

fondo e imagen de barra de menú

.menuBar
{
	background-color: c8ddca;
	background-image: /* url(images/title_bar_graphic_studios.gif) */ ;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: #2d5d3d 3px solid;
	border-left: #e7e7e7 0px solid;
	border-top: #e7e7e7 1px solid;
	border-right: #e7e7e7 1px solid;
	height: 25px;
	width:100%;
	padding: 1px
}

fuente del menú

.menuTitle_normal
{
	font-size: 70%;
	padding: 3px;
	/*background-color: #336699;*/
	color:#2d5d3d;
	font-family: Tahoma;
	font-weight: bold;
}

funciones flotantes del menú

.menuTitle_hover
{
	font-size: 70%;
	padding: 2px 3px 2px 3px;
	background-color: #8bb093;
	border: 0px solid #2d5d3d;
	color: #134679;
	font-family: Tahoma;
	font-weight: bold;
	cursor: hand;
}
.menuTitle_pressed
{
	padding: 2px;
	background-color: #8bb093;
	border: 1px solid #2d5d3d;
	color: #134679;
	font-family: Tahoma;
	font-weight: bold;
	cursor: hand;
}

Control de la barra de botones: crn.css

Barra de botones de Event Studio

Fondo

.toolbar_studio
{
	padding: 2px;
	background-color: #c8ddca;
	border-bottom: 1px solid #cccccc;
}
.toolbarImageNormal
{
	border : 1px solid #f3f3f3;
	background-color: #c8ddca;
	padding : 1px;	
}

Botones con flechas desplegables

.toolbarDropdownImageNormal_studio
{
	border : 1px solid #c8ddca;
	height:20px;
	width:30px;
	background-color: #c8ddca;
	padding: 0px;
}
.toolbarDropdownImageOver_studio
{
	border : 1px solid #2d5d3d;
	height:20px;
	width:30px;
	background-color: #8bb093;
	padding: 0px;
	cursor: pointer;
	cursor: hand;
}
.dropDownArrow 
{
	border : 1px solid #c8ddca;
	height:20px;
	width:11px;
	background-color: #c8ddca;
	padding: 0px;
	margin:0px;
	cursor: pointer;
	cursor: hand;
	align:center
}
.dropDownArrowOver 
{
	border : 1px solid #2d5d3d;
	height:20px;
	width:11px;
	background-color: #8bb093;
	padding: 0px;
	margin:0px;
	cursor: pointer;
	cursor: hand
	align:center
}

Ventanas flotantes

.menuItem_normal
{
	font-size: 70%;
	background-color: 8bb093;
	border: 1px solid 8bb093;
	color:blue;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	font-family: Tahoma;
	font-weight: normal;
}
.menuItem_hover
{
	font-size: 70%;
	background-color: #8bb093;
	border: 0px solid #2d5d3d;
	color:blue;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	font-family: Tahoma;
	font-weight: normal;
}
.menuItem_pressed
{
	font-size: 70%;
	background-color: #8bb093;
	border: 1px solid #2d5d3d;
	color:blue;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	font-family: Tahoma;
	font-weight: normal;
	padding: 1px;
}
.menuContainer
{
	background-color: #8bb093;
	border: 1px solid #336699;
	padding: 2px;
}

Botones

.toolbarImageNormal_studio
{
	border : 1px solid #c8ddca;
	height:20px;
	width:20px;
	background-color: #c8ddca;
	padding: 0px;
}
.toolbarImageOver_studio
{
	border : 1px solid #2d5d3d;
	height:20px;
	width:20px;
	background-color: #8bb093;
	padding: 0px;
	cursor: pointer;
	cursor: hand;
}

Control del panel "I want to…": crn.css

Panel I want to...

Fuente

.formText
{
	font-size: 70%;
	color: #2d5d3d;
}
.task_inactive
{
	font-family: Tahoma;
    font-size: 70%;
	color: #8bb093;
	text-decoration: underline;
}
.task_active
{
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;
	color: #2d5d3d;
}

Cuerpo principal del panel

.area		
{	
	background-color: #c8ddca;
	padding: 0px;
	border-top : 0px solid;
	border-bottom : 1px solid;
	border-left : 1px solid;
	border-right : 1px solid;
	border-color : #c8ddca; 	
}

encabezado del panel

.area_header	
{	
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #f3f3f3;	
	background-color: #2d5d3d;
	padding: 3px;
	border : 1px solid;
	border-color : #2d5d3d;
}

Botón mostrar/ocultar (doble flecha hacia abajo)

.hide_show_taskspane		
{	
	background-color: #c8ddca;
	border : 1px solid;
	border-color : #c8ddca;
}
.hide_show_hover		
{	
	background-color: #c8ddca;
	border : 1px solid;
	border-color : #c8ddca;			
}
.hide_show_pressed		
{	
	background-color: #c8ddca;
	border : 1px solid;
	border-color : #c8ddca;		
}

Control del panel Insertable Objects: crn.css

Insertable Objects de Event Studio

Encabezado

.area_header	
{	
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #f3f3f3;	
	background-color: #2d5d3d;
	padding: 3px;
	border : 1px solid;
	border-color : #2d5d3d;
}

etiquetas

.insertableItemsPaneBorder{
    background-color: #8bb093 ;
}

Texto: promptCommon.css

.clsTreeNode_unselected
{
	cursor: pointer;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	background-color: #c8ddca;
	color: #000000;
	vertical-align: middle;
}
.clsTreeNode_hover
{
	cursor: pointer;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #8bb093;
	vertical-align: middle;
}

fondo y márgenes: ags.css

.treeBorder {
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #2d5d3d; 	
	background-color: c8ddca;
}

Barra de decisiones: crn.css

Barra de decisiones de Event Studio

tareas

.item
{
	background-color: #c8ddca;
	border : 1px solid;
	border-color : #8bb093;
	
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
}
.item_active
{
	background-color: #c8ddca;
	border : 2px solid;
	border-color: #2d5d3d;
	
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
}

Modifica el texto:crn.css

.group_label 
{
	font-family : Tahoma; 
	font-size : 70%; 
	font-weight : normal; 
	color : #2d5d3d;
	padding : 3px; 
}
.item_label_active		
{	
	font-family: Tahoma;
	font-size: 70%;
	font-weight: bold;		
	color: #2d5d3d;
}
.item_label 
{
	font-family : Tahoma; 
	font-size : 70%; 
	font-weight : normal; 
	color : #2d5d3d;
}

Etiquetas y texto de página:crn.css

.page_label
{
	font-family: Tahoma
	font-size: 110%;
	color: #2d5d3d;
	font-weight: bold;
}
.text2
{
	font-family: Tahoma;
	font-size: 70%;
	color: #2d5d3d;
}

Barra de etiquetas:multiple

Barra de etiquetas de Event Studio

Controla el texto del hiperenlace:crn.css

a
{ 
	font-family: Tahoma;
	color: #2d5d3d;
	text-decoration: underline;
}

Default.css

.dialogHintText 
{
	font-size: 70%; 
	color: #2d5d3d;	
}
.tabLabel 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #2d5d3d;
}

Ventana de expresión y de información:default.css

Texto

.formLabel 
{
	font-weight: bold; 
	font-size: 70%; 
	color: #2d5d3d;
}

Ags.css

TEXTAREA.hintText_active
{
    background-position: center center;
    background-image: url(images/arrow_template.gif);
    COLOR: #2d5d3d;
    background-repeat: no-repeat
}

.infoErrorTabText
{	
	font-family: Tahoma;
	margin: 2px;
	font-size: 70%;
	width: 100%;
	color: 2d5d3d;
}

.infoErrorTabTextBold
{
	font-family: Tahoma;
	font-weight: bold;
	margin: 2px;
	font-size: 70%;
	width: 100%;
	color: 2d5d3d;
}

Resultado final

Resultado final de Event Studio

Recatalogación de IBM Cognos Administration

Para personalizar IBM Cognos Administration hay una técnica un poco distinta. Esta interfaz utiliza una mezcla del método fragmentado y el mismo archivo .css usado en la modificación de IBM Cognos Connection.

Si desea más información sobre los fragmentos, descargue el documento IBM Cognos Fragment Framework.

Archivo utilizado

  • <install location>/c8/webapps/p2pd/WEB-INF/fragments/styles/cogadmin.xml

Con este método de modificación del esquema del color, modificaremos la paleta principal de colores. Esto modificará la mayoría de las UI de administración.

Modificación de la paleta. - cogadmin.xml

<palette>
		<!-- basic b/w  -->
		<color name="black">#000000</color>
		<color name="white">#ffffff</color>
		<!-- 5 shades of colours -->
		<color name="color.lighter">#c8ddca</color>
		<color name="color.light">#c8ddca</color>
		<color name="color.medium">#8bb093</color>
		<color name="color.normal">#8bb093</color>
		<color name="color.dark">#2d5d3d</color>
		<color name="color.darker">#2d5d3d</color>
		<!-- 4 shades of gray -->
		<color name="gray.light">#c8ddca</color>
		<color name="gray.medium">#8bb093</color>
		<color name="gray.normal">#8bb093</color>
		<color name="gray.dark">#2d5d3d</color>
		<!-- others colours -->
		<color name="tooltip">#2d5d3d</color>
		<color name="hyperlink">#2d5d3d</color>
		<color name="special1">#2d5d3d</color>
		<color name="special2">#2d5d3d</color>
	</palette>

Resultado final

Administración de IBM Cognos

Como puede ver con sólo cambiar un par de líneas, se ha modificado la mayor parte del estilo. Pero todavía quedan algunos pequeños cambios por realizar.

Banner – cogadmin.xml

Banner de la administración de IBM Cognos
<!-- Main -->
	<class name=".cogstyle-header-main">
		<set name="background-repeat">no-repeat</set>
		<set name="background-position">left top</set>
		<set name="border-bottom">
			<color name="headerBottomBorder"/> 3px solid</set>
	</class>
	<class name=".cogstyle-header-left-section">
		<set name="background-color">
			<color name="headerLeftBackground"/></set>
	</class>
	<class name=".cogstyle-header-middle-section">
		<set name="background-image"> 
			/* url($WEB$/skins/$SKIN$/shared/images/banner_middle.gif) */ 
			</set  >
		<set name="background-repeat">repeat-y</set>
		<set name="background-position">left top</set>
	</class>
	<class name=".cogstyle-header-middle-section-spacer">
		<set name="width">45px</set>
	</class>
	<class name=".cogstyle-header-logo">

	<class name=".cogstyle-fragmentHeader-titleText">
		<set name="font-weight">bold</set>
		<set name="color">#2d5d3d</set>
	</class>

Tabla – cogadmin.xml

Tabla de entradas de IBM Cognos Administration
<!-- tables -->
		<color name="tableText" paletteColor="black"/>
		<color name="tableTextHeader" paletteColor="color.dark"/>
		<color name="tableBackground" paletteColor="white"/>
		<color name="tableBackgroundHeader" paletteColor="gray.medium"/>
		<color name="tableBackgroundSelected" paletteColor="color.normal"/>
		<color name="tableBackgroundAlternate" paletteColor="gray.light"/>
		<color name="tableBackgroundSubHeader" paletteColor="color.light"/>

Etiquetas horizontales – cogadmin.xml

Etiquetas de IBM Cognos Administration
<!-- horizontal tabs -->
		<color name="htabsScrollButton" paletteColor="white"/>
		<color name="htabsScrollButtonBorder" paletteColor="gray.dark"/>
		<color name="htabsScrollButtonHover" paletteColor="color.lighter"/>
		<color name="htabsScrollButtonDisabled" paletteColor="white"/>
		<color name="htabsScrollButtonBorderDisabled" paletteColor="gray.normal"/>

		<color name="htabsBarBackground" paletteColor="gray.light"/>
		<color name="htabsText" paletteColor="hyperlink"/>
		<color name="htabsBorder" paletteColor="color.light"/>
		<color name="htabsBackground" paletteColor="white"/>
		<color name="htabsTextActive" paletteColor="color.dark"/>
		<color name="htabsBorderActive" paletteColor="gray.dark"/>
		<color name="htabsBackgroundActive" paletteColor="grey.light"/>
		<color name="htabsAltBarBackground" paletteColor="gray.light"/>
		<color name="htabsAltBorder" paletteColor="white"/>
		<color name="htabsAltText" paletteColor="hyperlink"/>
		<color name="htabsAltBackground" paletteColor="gray.light"/>
		<color name="htabsAltTextActive" paletteColor="color.normal"/>
		<color name="htabsAltBackgroundActive" paletteColor="white"/>

Tablas en las etiquetas Security y Configuration

Las tablas en estas etiquetas son controladas por los mismos archivos .css que controlan las tablas de IBM Cognos Connection. De modo que si IBM Cognos connection ha sido modificado, entonces debería observarse el mismo estilo.

Consulte Changing the table colour area en la sección Re-branding IBM Cognos Connection.

Resultado final

Resultado final de IBM Cognos Administration

Comentarios

developerWorks: Ingrese

Los campos obligatorios están marcados con un asterisco (*).


¿Necesita un IBM ID?
¿Olvidó su IBM ID?


¿Olvidó su Password?
Cambie su Password

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


La primera vez que inicie sesión en developerWorks, se creará un perfil para usted. La información en su propio perfil (nombre, país/región y nombre de la empresa) se muestra al público y acompañará a cualquier contenido que publique, a menos que opte por la opción de ocultar el nombre de su empresa. Puede actualizar su cuenta de IBM en cualquier momento.

Toda la información enviada es segura.

Elija su nombre para mostrar



La primera vez que inicia sesión en developerWorks se crea un perfil para usted, teniendo que elegir un nombre para mostrar en el mismo. Este nombre acompañará el contenido que usted publique en developerWorks.

Por favor elija un nombre de 3 - 31 caracteres. Su nombre de usuario debe ser único en la comunidad developerWorks y debe ser distinto a su dirección de email por motivos de privacidad.

Los campos obligatorios están marcados con un asterisco (*).

(Por favor elija un nombre de 3 - 31 caracteres.)

Al hacer clic en Enviar, usted está de acuerdo con los términos y condiciones de developerWorks.

 


Toda la información enviada es segura.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=90
Zone=Information mgmt
ArticleID=627644
ArticleTitle=Prácticas probadas de IBM Cognos: Personalización de IBM Cognos 8.4.x UI
publish-date=02182011