Archivo de la etiqueta: Windows 8

How-to: Cambiar el color del item seleccionado en un ListView en Windows 8 con HTML/JS

En una aplicación Windows 8, el color por defecto de un item seleccionado en un ListView es violeta (su código RGB es: 87, 41, 193), que para muchos casos puede no ser acorde a la paleta de colores de nuestra aplicación.

Si miramos el CSS del tema de nuestra app (normalmente ui-dark.css) vamos a notar que este estilo está aplicado como:

::selection {
    background-color: rgb(87, 41, 193);
    color: rgb(255, 255, 255);
}

Pero reescribir estas mismas líneas dentro del CSS de nuestra vista (cambiando los colores, obviamente) no va a sobreescribir el estilo.

Lo que tenemos que hacer es agregar:

.miPagina .miLista .win-container .win-selectionbackground {
    background-color: rgb(62, 66, 239);
    color: rgb(255, 255, 255);
}

Espero que les sirva.

Happy coding!

@gjbellmann

Atajos de teclado en Windows 8

En el caso que tengan instalado Windows 8 y no tengan un dispositivo touch (como yo), les paso una lista de los atajos de teclado para que puedan acceder a varias de las funciones.

Los atajos se activan utilizando la tecla de Windows junto con la tecla mencionada en el listado:

B – Mover el foco a la bandeja de notificaciones
C – Mostrar el menú de “Charms”
D – Mostrar el escritorio
E – Lanzar el Explorador de Windows
F – Mostrar el buscador Metro
G – Rotar entre Gadgets del escritorio
H – Mostrar el panel de “Share” metro
I – Mostrar el panel de configuración metro
J – Cambia el foco entre aplicaciones metro en modo “snap”
K – Mostrar el panel de dispositivos
L – Bloquear el equipo
M – Minimizar todas las ventanas en el escritorio
O – Bloquear la orientación del dispositivo
P – Elejir entre las pantallas disponibles (Proyector)
Q – Mostrar la pantalla de búsqueda metro
R – Mostrar el diálogo Ejecutar
T – Rotar entre los íconos de la barra de tareas
U – Mostrar el panel de accesibilidad
V – Rotar entre las notificaciones “toast”
W – Mostrar el panel metro de búsqueda de configuración
X – Mostrar los comandos de “Power user” o el Centro de movilidad
Z – Mostrar el “App Bar”
1 to 9 – Mostrar/Lanzar aplicación de la barra de tareas
Av Pág/Re Pág – Mover los “tiles” a la izquierda/derecha
Tab – Cambiar entre aplicaciones
, (coma) – Aero Peek (en modo desktop)
. (punto) – Hacer Snap de una aplicación Metro en el lado derecho de la pantalla
Shift . (punto) – Hacer Snap de una aplicación Metro en el lado izquierdo de la pantalla
Espacio – Cambiar el lenguaje de entrada y distribución de teclado
Enter – Lanzar Narrator
Flechas – Aero Snap (en modo desktop)

Saludos!