IE9 – Personalizando el sitio cuando es lanzado como “Pinned Site”
Este articulo es publicado originalmente en mi blog ideas de un conejo:
http://juank.black-byte.com/varios-ie9-personalizando-sitio-pinned-site/
---------------------------
En el artículo anterior vimos como utilizar nuestro sitio en el menú de inicio y como dejarlos establecido como Pinned Site.
Continuando con el tema ahora les mostraré como podemos personalizar de manera más granular esta funcionalidad.
Listado de características
Partiendo del hecho que nuestro sitio sea lanzado como Pinned Site, podemos cambiar ciertas características sin incurrir en ningún esfuerzo de programación. Esta lista muestra la características (tomado de msdn).
Nombre
Contenido
application_name
El nombre que se mostrara para la aplicación en el menú inicio y en el tooltip del taskbar
msapplication-tooltip
Opcional, texto mostrado en el tooltip del icono agregado a la barra de inicio o en el icono del taskbar
msapplication-starturl
La página principal de la aplicación. Sino se establece, se utiliza la dirección de la´página actual. Solo admite protocolos HTTP, HTTPS o FTP.
msapplication-navbutton-color
Es el color de los botones Atrás y Adelante de los comandos de navegación para mostrar cuando se ha abierto un Pinned Site. Cualquier nombre de color, color hexa definido por hojas de estilo en cascada (CSS), nivel 3 (CSS3) son validos. Para más información ver Tabla de Color. Si este meta elemento no esta presente, el color se crea con base al icono establecido como favicon.
msapplication-window
El tamaño inicial de la ventana del browser para el Pinned Site. Se establece el valor estableciendo el tamaño con números separados por punto y coma.
* width = N (mínimo 800)
* height = N (mínimo 600)
Si el usuario cambia el tamaño de la ventana en adelante se omitirán estos valores.
Ejemplo en el sitio de Ideas de un Conejo
<meta name="application-name" content="{Blog de Juan Carlos Ruiz – MVP Visual C#}" />
<meta name="msapplication-tooltip" content="Más allá de los sistemas de información: (C#)=> videojuegos, soluciones a problemas interesantes y Sistemas Operativos." />
<meta name="msapplication-starturl" content="http://juank.black-byte.com" />
<meta name="msapplication-window" content="width=1024;height=600" />
<meta name="msapplication-navbutton-color" content="#344D00" />
El Resultado
Como les pareció?
luce genial!
*Noten que ahora se ve más claro
el resultado de utilizar los íconos en altas resoluciones de acuerdo a lo recomendado en el artículo anterior.
Artículos de la serie:
IE9 – Adicionando el sitio al menú de inicio y como “Pinned Site”
IE9 – Personalizando el sitio cuando es lanzado como “Pinned Site”
IE9 – Definiendo opciones para el “Pinned Site” en el JumpList
IE9 – Mostrando overlay icons