Customizar StoreFront 3.x (I)

Os facilito un link de busqueda de Google con fondos de 2560x1600, resolución del background de Citrix.

Lo primero que haremos será reemplazar el fondo del portal de Citrix (Background), por el vuestro, tener en cuenta que debéis de mantener el mismo tamaño y que la imagen sea de buena calidad (2560 x 1600 px).

Tenemos dos formas de realizar el mismo proceso:

Proceso “A”

1. Editar el fichero style.css y añadir la siguiente línea que os muestro en el Paso 5.
2. Copiar el fichero elegido con el nombre “Background.png” en la siguiente ruta:

C:\inetpub\wwwroot\Citrix\Storeweb\custom

Proceso “B”

1. Remplazar el fichero ReceiverFullScreenBackground_46E559C0E6B5A27B.jpg de la siguiente ruta C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\images\common\ por el vuestro con el mismo nombre, y hacer una copia del sustituido.

El siguiente paso será cambiar el color de  la traza central, que como observáis en el Paso 8 es de diferente tono al nuestro “background.png” y modificar su grado de transparencia. Para realizar este proceso, observar en el texto del Paso 9, y añadir las siguiente líneas al fichero style.css.

En los siguientes pasos realizaremos los siguientes cambios en la interfaz principal de Citrix, para personalizar la apariencia de Receiver:

1. Cambiaremos el logo inicial del portal de Citrix “Citrix StoreFront” (Paso 10), por el corporativo de vuestra empresa,  y modificaremos también su tamaño (350x120 px) por defecto, añadiendo un logotipo más grade.
2. Cambiaremos el logotipo inicial una vez  Iniciada la Sesión en Citrix, logotipo de la parte superior izda (340x80 px), así como el color del fondo de la barra, color del texto y enlaces. Los puntos 1 y 2 los realizáramos desde la Consola de Studio.
3. Modificaremos el color del botón de “Inicio de Sesión “ adaptándolo a los colores de nuestro portal.
4. Cambiaremos el color de los textos “Nombre de Usuario y Contraseña”.
5. Por último para este primer artículo, añadiremos un disclaimer debajo del botón de “Inicio de Sesión”, también sería posible ponerlo encima de la caja de “Nombre de Usuario”, os dejo el código escrito.

En el “Paso 16” podéis ver la ruta donde se encuentran los ficheros que me vamos a modificar para cambiar el tamaño de los Logotipos, el color del botón “Inicio de Sesión”,  el tipo de color de la fuente  de los textos y la posición, fuente y color del Disclaimer que pondremos debajo del botón de “Inicio de Sesión”. (style.css). En las imágenes 19b y 23b tenéis el codigo para poner el mismo "Disclaimer" en la parte Superior.

Los ficheros con las imágenes de los Logotipo,  no es necesario que estén en la carpeta “custom” de Citrix, pero yo tengo la costumbre de almacenarlos en esa ubicación (deformación profesional), cada uno que los  almacene donde considere oportuno.

Una vez modificados y añadidos los nuevos parámetros al ficheros “style.css”, editaremos el fichero “script.js” con el bloc de notas en la misma ubicación y añadiremos al final del fichero el texto incluido en el “Paso 23”.

El resultado final del proceso acometido en este artículo son los Pasos 24,25 y 26.

Añadimos estas líneas de programación al final del fichero:

• El código del “Paso 19” indica la posición del “Disclaimer”, fuente, color y la alineación del texto.

• En el “Paso 20” cambiamos el color del botón de “Inicio de Sesión”.

• En el “Paso 21” cambiamos el color de los textos.

• El “Paso 22” nos indica la ubicación del fichero “script.js”

• El “Paso 23” es la línea de programación donde insertamos los Textos del “Disclaimer”.