Microsoft XCRM 2013 y Bootstrap Css V.3

Recientemente trabaje un proyecto en Microsoft XCRM 2013 y tuve el requerimiento de mejorar la interfaz gráfica de los formularios en CRM 2013.
Utilizando como punto de partida el siguiente post Prettify Entity Form in CRM 2013/2015.
Sobrescribí algunas clases de los formularios y aplique el estilo de bootstrap a los componentes de un formulario.
Dando como resultado un formulario como el siguiente.

PantallaCrm

continuar …

 

Encabezado del formulario:

  • Bordes redondeados
  • Color de fondo
  • La imagen se hizo más grande

encabezado

SubCuadricula y paneles

  • Encabezado de subcuadricula con color
  • Ajuste de multilinea
  • Líneas que dividen a cada registro
  • Bordes redondeados.
  • Botón eliminar en cada registro con color rojo
  • Panel con contorno y color
  • Panel con bordes redondeados.

subcuadricula

 

Como agregar el CSS

1. Agregar los siguientes archivos a recursos web del CRM

paso01

2. Obtener la “Dirección URL” del recurso Css, pues esta se pasara como parametro a la funcion en el java script.

paso02

3. Abrir el formulario en modo diseño para aplicar el diseño, ir a propiedades del formulario

a. Agregar la biblioteca (Archivo js).

b. Agregar al evento Onload la funcion

c. Configurar en la sección de parametros el archivo Css que queremos que cargue. Guardar y publicar cambios.agregarcss

 

Archivo Css

Para cambiar el fondo a una imagen personalizada o degradado, existen varios ejemplos en el archivo css, Seccion FONDO FORMULARIO.

 

paso04

Archivos fuentes: Descargar

Leave a Reply

Your email address will not be published. Required fields are marked *