AX Retail 2012 R2: Crear un skin personalizado

29 03 2013

Una de las características de AX Retail 2012 R2 es la posibilidad de crear un nuevo estilo (skin) para la aplicación POS. Si bien es muy sencillo crear un nuevo skin, debe validarse completamente el comportamiento de cada estilo en el POS tras realizar la personalización. Para personalizar el skin seguiremos los pasos siguientes:

1. Instalamos la aplicación Developer Express v2011 vol 2 específica para AX Retail. Para ello, deberemos adquirir una licencia del producto (necesaria para personalizar el POS de AX Retail) en http://www.devexpress.com y solicitar esa versión específica

2. Una vez instalada la aplicación ya dispondremos de la herramienta SkinEditor, la ejecutamos:

3. Podemos crear un skin desde cero pero, os recomiendo que utilicéis como base el skin por defecto de AX Retail 2012 R2 y a partir de este skin personalicéis lo que necesitéis. Para ello, en primer lugar tendremos que usar la opción File/import para importar la librería por defecto de skins de AX Retail 2012 R2. Encontrareis la librería de skins por defecto, POSThemes.dll, en el directorio C:Program Files (x86)Microsoft Dynamics AX60Retail POSSkins.

4. Seleccionad el archivo POSThemes.dll tras seleccionar el tipo de archivos Skin assembly(*.dll)

5. Tras realizar la importación, los estilos por defecto de AX Retail 2012 R2 estarán disponibles como plantillas para iniciar vuestro skin personalizado (blue, red, green…)

6. Creamos un nuevo proyecto de skin a partir de uno de los skins importados en el paso anterior. Utilizamos la opción File/New y seleccionamos como Template skin, alguno de los estilos de AX Retail 2012 R2 (gray, green, light, pink, blue o dark):

7. En este ejemplo, hemos nombrado el proyecto como TestSkinTheme y el nuevo skin como TestSkin (este nombre lo usaremos posteriormente en AX HQ para asignarlo a un POS):

8. Una vez creado el proyecto, ya podemos personalizar las características que deseemos. En concreto, quizás el que más os interese personalizar sea el formato del formulario y de los botones, que encontrareis en la opción Common, y el aspecto de las tablas, que encotnrareis en el apartado Grid

9. En el apartado Grid podréis personalizar todos los controles relacionados con las tablas. En nuestro ejemplo hemos modificado algunos colores del background de la cabecera y de las filas y en el apartado Common hemos modificado el color de fondo y de la fuente para ajustar el formato a la imagen corporativa de nuestro cliente

10. Una vez realizados los cambios, Guardamos el proyecto y creamos el ensamblado con la opción File/Create assembly

11. Observaremos que se ha creado un nuevo ensamblado en el directorio donde hemos indicado. En nuestro ejemplo, tras completar el proceso:

12. Comprobamos que se ha generado el ensamblado

13. A continuación vamos a aplicar nuestro nuevo skin a un POS. Para ello, tendremos que añadir el nuevo skin a las opciones de AX HQ. En los perfiles visuales, nos situamos en el perfil visual que queramos personalizar y añadimos el nuevo skin al campo Tema y seleccionamos Ver detalles. En el enumerado correspondiente añadimos la opción TestSkin.

14. Una vez configurado el Perfil visual, podemos sincronizar los datos con el POS y continuar con la configuración del skin en el POS.

15. Para configurar el POS, debemos copiar el ensamblado del skin en la carpeta C:Program Files (x86)Microsoft Dynamics AX60Retail POSSkins

16. Tras copiar el ensamblado y haber sincronizado la configuración del Perfil visual, al iniciar la aplicación veremos que utiliza nuestro nuevo skin

17. Podemos probar directamente el skin modificando el campo POSSKINNAME de la tabla RETAILVISUALPROFILE en la base de datos de tienda. De este modo no tenemos que modificar el visual profile en HQ. Sin embargo, una vez validado, deberemos aplicarlo en HQ para que cuando se sincronice el JOB correspondiente no nos sobrescriba ese cambio

Anuncios

Acciones

Information

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: