Aplicar estilos CSS a los campos/filas de un EDIT GRID

Publicado 6 meses hace por Flexygo Team

Publicar un tema
Sin responder
Flexygo Team
Flexygo Team

Buenas tardes,

¿Es posible aplicar estilos CSS a valores de un grid por dependencia? De ser así, ¿Qué clases se pueden utilizar?

Por otro lado, ¿Cómo aplicaríais lo mismo pero para que coloree con un backgroundcolor todo el form del grid en función de mi clase con dependencia?


Ya que esta dependencia va directamente en el combo y no en un nivel superior. No sé si me explico.


image

Algo así.



Un saludo

0 Votos


1 Comentarios

Flexygo Team

Flexygo Team publicado 6 meses hace

Hola Antonio Cortés,


Los estilos Css si son aplicables en tus edit grids.


Revisa la especificidad de la clase que estas aplicando porque en el caso de los campos dbcombo hay estilos con más especificidad que evitan que algunas clases se apliquen.
Lo revisaremos a nivel de herramienta para que estas clases tengan más prioridad que los estilos bases, pero para que no tengas que esperar te recomiendo que te crees una clase personalizada donde por especificidad apliques tus estilos necesarios.


La clase se aplica al contenedor del control de la propiedad por lo que deberías de especificarlo de la siguiente manera :


.txt-advertenciaprecios .form-control{
    color: #tucolor;
}


Respecto al otro tema de aplicar estilos a toda la fila, usando las dependencias estándar no se puede realizar lo que deseas ya que la dependencia afecta solamente al campo, pero tienes la posibilidad de realizar las dependencias por DLL o Stored Procedured donde puedes devolver código JS por cada propiedad con el que puedes realizar lo que deseas.


Dispones de más información en el apartado de Ayuda -> Custom Storeds

De todas maneras te adjunto un ejemplo muy sencillo de una Stored que cambiar el color de la fila de la propiedad Descrip, tu lo que tendrás que añadir es tu lógica para cambiar el color o no.

CREATE PROCEDURE [dbo].[pCustomOnchange]
  @Values AS XML,
  @ContextVars as XML
AS
  DECLARE 
  @PropertyName AS NVARCHAR(50),
  @JSCode AS NVARCHAR(MAX)

    SET @PropertyName = 'Descrip'
  SET @JSCode = '$(prop).closest("tr")[0].style.setProperty("background-color", "lightblue", "important");'
    
    SELECT 
      @PropertyName AS PropertyName, 
        @JSCode AS JSCode

RETURN 1 


Un saludo,
Rommel Llumiquinga


0 Votos

Iniciar sesión o Registrarse para publicar un comentario