Resaltar campo edición cuando tiene el foco & CSS


([N1] andres_pescapuerta) #1

Hola, estamos intentando mejorar la interfaz de la aplicación y tenemos algunas dudas.
La primera : ¿alguien sabe como resaltar un campo cuando gana el foco, de forma sencilla? si no me equivoco con eventos al ganar y perder foco se puede establecer la paleta del control, aunque aún no lo hemos probado, pero esto supone en cada formulario para cada control establecer la paleta al ganar y perder el foco.
Segundo y más genérico: ¿alguien tiene idea de como funciona CSS en V7 para cambiar el aspecto de las aplicaciones?
Gracias de antemano y un saludo a todos


([N4] velavisual) #2

@andres

Yo uso esta por defecto:

"
QLineEdit:focus {
border: 2px solid blue;
border-radius: 4px;
}
"

Lo uso al inicio en el autoexec, aunque puedes ponerlo en donde quieras y modificarlo a tu gusto.

saludos
Antonio Vela
http://www.velavisual.com


([N4] vnexo) #3

Hola Antonio
Yo ademas de ese utilizo estos otros:
QCheckBox:focus { border: 2px solid blue; border-radius: 4px; }
QRadioButton:focus { border: 2px solid blue; border-radius: 4px; }
QTextEdit:focus { border: 2px solid blue; border-radius: 4px; }
QLineEdit:focus { border: 2px solid blue; border-radius: 4px; }
Pero lo que no consigo es darle estilos a los microscrolers. Estos parecen los intocables.
¿Alguien sabe como meterles mano?

Un saludo
Manolo


([N4] velavisual) #4

@Manolo

En este hilo se menciona algo:

http://velneo.es/foros/topic/campos-numericos-introducir-un-numero#post-15719

Yo tambien he aplicado a -huevo- como decimos por aquí, hojas de qt directamente (archivos .qss) y algunos cambios han dado resultado.

Aplico estos .qss para ver hasta donde velneo interpreta las hojas de estilo de qt. Y sí, es cierto, los microscrollers no cambian en aquello que deseamos.

saludos
Antonio Vela


([N4] vnexo) #5

Hola Antonio
Creo que coincidimos ... si alguien sabe anulas las flechitas que levante la mano.
Tampoco estaria de mas si alguien conoce como formatear el contenido de los edit o microscrolers desde css.
Un saludo
Manolo


([N4] Jorge) #6

http://velneo.es/foros/topic/campos-numericos-introducir-un-numero

Revisar el ejemplo de Overall


([N2] overall) #7

Buenos días,

Para Antonio: Con este estilo podrás controlar los campos maestro; VCEditMaestro {}

Saludos
Overall
Luis Palomo
overall@massoicb.com
www.overall-bcn.com/v7


([N4] velavisual) #8

@overall

Gracias Luis

saludos
Antonio Vela
http://www.velavisual.com


([N1] Giuseppe::Komenco) #9

Os pasa como a mi, que si tenemos un control edición, que enlaza a un maestro (y aparecen los microscrollers por lo tanto..), no coge el CSS? Alguien sabe si el tipo de control sería distinto?

No me aplica ni el CSS de QLineEdit para los edits, ni el QSpinBox de microscrollers.


([N4] vnexo) #10

Hola
Para los enlaces a maestro es el control VCEditMaestro
Pero a pesar de desactivar las flechas siguen funcionando.
Un saludo


([N1] andres_pescapuerta) #11

Hola,

muchas gracias a todos por la colaboración.
¿Alguien sabe cómo modificar los colores de las rejillas (cabeceras de columna, filas alternas, fila seleccionada, etc.?
¿Y como cambiar el color de la selección del texto en los campos EDIT? por defecto me aparece en azul

Gracias de nuevo y un saludo


([N1] andres_pescapuerta) #12

Hola de nuevo,

consigo manejar algunas cosas de las rejillas
"
QTableView {
selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,
stop: 0 #d0b0b8, stop: 1 white);
alternate-background-color: #e8d8e0;
}
QTableView QTableCornerButton::section {
background: #a06070;
border: 2px outset #a06070;
}
"

pero no consigo cambiar el color de las cabeceras de las columnas. ¿Alguna idea?

Gracias




([N2] overall) #13

Hola, podrás cambiar el aspecto de la cabecera con QHeaderView{}

Saludos
Overall
Luis Palomo
overall@massoicb.com
www.overall-bcn.com/v7


([N1] andres_pescapuerta) #14

Hola, dejo algunas cosas que estamos utilizando y probando con CSS en nuestra apliación

/* Botones */
QPushButton {
text-align: center left;
border: 5px;
}
QPushButton:pressed {
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #dadbde, stop: 1 #f6f7fa);
}

/* Edits */
QLineEdit:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
QCheckBox:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
QRadioButton:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
QTextEdit:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
QLineEdit:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
VCEditMaestro:focus {
border: 2px solid #a06070;
border-radius: 4px;
/*background: #a06070;*/
selection-background-color: #a06070;
}
QDateEdit:focus {
selection-background-color: #a06070;
}
QDateTimeEdit:focus {
selection-background-color: #a06070;
}

/* Rejillas */
QTableView {
selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,
stop: 0 #d0b0b8, stop: 1 #d0b0b8);
column-background-color: #a06070;
column-color: #a06070;
alternate-background-color: #e8d8e0;
}
QTableView QHeaderView::section{
color: white;
background-color: #a06070;
font: bold;
}
QTableView QTableCornerButton::section {
background: #a06070;
border: 2px outset #a06070;
}

/* Cajas de grupo */
QGroupBox {
background-color: grey;
}

Un saludo


([N1] Giuseppe::Komenco) #15

Pregunta tonta..

Si asignamos una imágen, donde busca las imágenes, y no menos importante, como se suben?

Me explico, en otro hilo, creo que fué overall, tenía un CSS donde cambiaba las imágenes de las flechas, pero como y donde las aloja? en la carpeta datos? o como?

Un saludo.


([N1] andres_pescapuerta) #16

Los de las imágenes a ver si este fin de semana puedo probar algo ... y si alguien sabe que responda :)
NOTA: para los microscrollers hay que modificar las clases QSpinBox y QDoubleSpinBox
Saludos


([N2] gegeo) #17

Lo puse en otro hilo, por si quereis ocultar las flechas, es estableciendo las flechitas "up y down" con formato de fondo transparente::

QSpinBox, QDoubleSpinBox, VCEditMaestro{
background-color: #FFF;
border: 2px solid #999792;
border-radius: 3px;
}
QSpinBox:down-button, QDoubleSpinBox:down-button, VCEditMaestro:down-button, QSpinBox:up-button, QDoubleSpinBox:down-button, VCEditMaestro:up-button{
margin: 1px 1px 1px 1px;
subcontrol-origin: border;
subcontrol-position: top right;
width: 10px;
height: 10px;
background-color: transparent;
}

Saludos


([N2] bannu) #18

Las imágenes las guardas en el directorio donde tú quieras, puedes utilizar la ruta completa :

C:/Carpeta/Carpeta

O si la carpeta de las imágenes están en el directorio del vclient :

:/images/bt_01_off.png


([N1] Giuseppe::Komenco) #19

Lo del VCEditMaestro de donde os lo habéis sacado? Consultado a soporte? Hay algún otro widget "oculto" que no sepamos?


([N1] andres_pescapuerta) #20

¿Alguien sabe cuál es el objeto en Qt/CSS para poder cambiar el color de fondo de un formulario?