Cambiar CSS o aplicar CSS usando JavaScript


([N4] ofsantana) #1

Buenos días amigos.
Tengo una duda, será posible usando JavaScript se puede cambiar el CSS de algún control de un formulario? o en general ejecutar algo parecido al comando “Interfaz: Establecer hoja de estilo CSS”?

Gracias.
Saludos.


([N4] Infortic) #2

Óscar, en el centro de soporte se encuentra ese mismo ejemplo, lo han puesto esta semana:

https://velneo.zendesk.com/entries/103204176-Aplicar-CSS-a-controles-con-un-identificador-concreto

Un saludo.


([N4] ofsantana) #3

Hola @info. Efectivamente vi ese artículo, hice unas pruebas y me viene super bien, pero mi pregunta es si existe en JavaScript algo parecido al comando del que se habla en el post que es el “Interfaz:Establecer hoja de estilo CSS”. Esto lo digo porque quiero ir un paso más allá y lograr personalizar esto en tiempo de ejecución, pero para lograr esto pregunto si se puede hacer con JavaScript.

Gracias.

Saludos.


([N1] vgegeo) #4

@ofsantana

Creo recordar que en las Vitaminas del Blog de Jesus Arboleya habia algo de Javascript y CSS

Me suena que hablaba alli de personalizacion en tiempo de ejecucion, aunque no se si es lo que buscas.

No recuerdo tampoco si el video del que hablo esta alli… :frowning:

Te hablo de memoria.


([N1] vgegeo) #5

En concreto en esta vitamina , a mitad del articulo, habla de personalizacion con Javascript


([N4] ofsantana) #6

Hola.
Si estuve leyendo eso, y veo que él lo que hace en el post es que hace cambios usando CSS, y luego hace lo mismo pero con comandos de JavaScript, pero en un punto del Post dice que usando JavaScript se pueden establecer hojas de estilo. El tema es que eso sí no lo explicó. Le hice un comentario en el Post, a ver si nos puede responder.

Igualmente ya hice la consulta a soporte de Velneo, lo que respondan lo comunico por acá.

Saludos.


([N4] Infortic) #7

Lo siento, no me había dado cuenta de que peguntabas en js.

No veo en el API nada al respecto, pero estaría muy bien dicho método, daría juego.

Lo único que se me ocurre es hacer un proceso V7 con un Establecer hoja de estilo CSS que use una variable local alfabética con el CSS.

Desde js creas el CSS y con un manejador lanzas el proceso v7 seteándole la variable, eso sí, no puedes dirigir a un control en concreto el establecer hoja de estilo, sólo indicarle los ID de los widgets desde la propia definición del css.


([N4] ofsantana) #8

Y la idea no está para nada mal… Considerándola está muy muy bien.

De soporte me dicen que JS no se puede hacer nada, pero me dieron una idea muy parecida.

Es más se puede hacer el proceso y simplemente se ejecuta con el JS en ejecución si conviene o no.

Gracias.


([N3] pacosatu) #9

Hola ofsantana.

No sé si entiendo bien lo que quieres obtener, pero con el API de Velneo sí puedes establecer las Hojas de Estilo CSS de las clases VMainWindow, VMDIView y Widget (función setStyleSheet). Con esto accedes a prácticamente todos los objetos de Velneo.

Esto es el equivalente al comando nativo de “Interfaz: Establecer hoja de estilo CSS”.

Saludos
Paco Satué


([N4] ofsantana) #10

Excelente @seh… Muchísimas gracias, veo si puedo hacer lo que quiero.

Saludos.


([N4] Infortic) #11

Si está en la clase Widget en principio se podría personalizar lo que quisieras, no me había dado cuenta.

Lo que quieres si no me equivoco es añadirle funcionalidad al personalizar.js, con eso se podría seguro hacer a nivel de cada control de un formulario.