# CSS Objeto imagen

**URL:** <https://foros.velneo.com/t/css-objeto-imagen/9522>\
**Category:** Velneo\
**Created:** [27 Junio, 2017 16:14 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522 "2017-06-27T16:14:52Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![daniel-rodriguez4](https://avatars.discourse-cdn.com/v4/letter/d/a4c791/32.png) [@daniel-rodriguez4](https://foros.velneo.com/u/daniel-rodriguez4)\
**Post date:** [27 Junio, 2017 16:14 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/1 "2017-06-27T16:14:52Z")

</div>

Hola

Me gustaría saber si alguien conoce el objeto que debo utilizar para modificar el CSS de un Objeto imagen, en concreto necesito ponerle bordes sin que afecte al resto de objetos QFrame o QObject.

Me explico, se que si en el QFrame pongo un border:none no me aparecen los bordes de ningún objeto, incluso en el Objeto Imagen.  
Sin esa propiedad me sale un borde molesto en todos los formularios pero me aparece el borde por defecto que indique desde Velneo al Objeto imagen.

He intentado controlarlo dandole un identificador (OBJ\_IMG) y utilizando las clases

QWidget#OBJ\_IMG QFrame#OBJ\_IMG QObject#OBJ\_IMG {  
background: #FFF !important;  
border: 1px solid green !important;  
}

Pero no encuentro la forma.

Os agradezco de antemano.

Att Daniel.

---

<div class="post-metadata">

**Author:** ![melens69](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/melens69/32/3881_2.png) [@melens69](https://foros.velneo.com/u/melens69)\
**Post date:** [27 Junio, 2017 21:58 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/2 "2017-06-27T21:58:19Z")

</div>

Buenas, prueba con éstos **QImage, VImageEdit, VImageWidget**

---

<div class="post-metadata">

**Author:** ![daniel-rodriguez4](https://avatars.discourse-cdn.com/v4/letter/d/a4c791/32.png) [@daniel-rodriguez4](https://foros.velneo.com/u/daniel-rodriguez4)\
**Post date:** [28 Junio, 2017 09:13 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/3 "2017-06-28T09:13:33Z")

</div>

Buenas, en efecto con el VImageWidget modifico únicamente los objetos imagen, el problema es que al ponerle un identificador no me funciona.

He intentado con

VImageWidget#OBJ\_IMG {  
background: #FFF !important;  
border: 1px solid green !important;  
}

Pero no funciona, sin embargo

VImageWidget {  
background: #FFF !important;  
border: 1px solid green !important;  
}

De esta forma coloca el borde a todos los objetos imágenes.

Alguna idea?

Gracias de antemano.

---

<div class="post-metadata">

**Author:** ![melens69](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/melens69/32/3881_2.png) [@melens69](https://foros.velneo.com/u/melens69)\
**Post date:** [28 Junio, 2017 09:45 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/4 "2017-06-28T09:45:33Z")

</div>

Pues si al ponerle un identificador único no lo reconoce (quizás no funciona como los botones), ya no se cómo ayudarte, lo siento.

---

<div class="post-metadata">

**Author:** ![daniel-rodriguez4](https://avatars.discourse-cdn.com/v4/letter/d/a4c791/32.png) [@daniel-rodriguez4](https://foros.velneo.com/u/daniel-rodriguez4)\
**Post date:** [28 Junio, 2017 11:38 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/5 "2017-06-28T11:38:09Z")

</div>

Gracias Daniel, esperare a ver si encuentro alguna solución.

---

<div class="post-metadata">

**Author:** ![aztecmexico](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/aztecmexico/32/3498_2.png) [@aztecmexico](https://foros.velneo.com/u/aztecmexico)\
**Post date:** [28 Junio, 2017 15:12 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/6 "2017-06-28T15:12:24Z")

</div>

Buen día,

La única que te queda es aplicar el css mediante comando de interfaz en el ON INIT POST del formulario que contiene ese control.

Haciendo pruebas encontré que si lo aplicas en on init pre, ojo, directo desde fórmula, no desde filescript, el vclient rompe, pequeño BUG de V7, puesto que los demás controles lo puedes aplicar en el PRE desde filescript y no falla.

Y efectivamente, si pones el identificador del control no lo aplica, solo pasa (de momento ahora que tocaste el tema) con el VImageWidget.

Un poco más de chambita para nuestros amigos de Velneo, corregir ese pequeño detalle.

Saludos.

---

<div class="post-metadata">

**Author:** ![daniel-rodriguez4](https://avatars.discourse-cdn.com/v4/letter/d/a4c791/32.png) [@daniel-rodriguez4](https://foros.velneo.com/u/daniel-rodriguez4)\
**Post date:** [28 Junio, 2017 15:21 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/7 "2017-06-28T15:21:39Z")

</div>

Buenas aztecmexico,

Muchas gracias, efectivamente aplicando una hoja de estilo en el formulario directamente al objeto sin identificador en el CSS funciona, no he probado lo del pre-init pero para lo que lo necesito en el post-init funciona correctamente.

Un saludo.

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [28 Junio, 2017 17:02 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/8 "2017-06-28T17:02:43Z")

</div>

Prueba sin especificar el tipo de control  
#OBJ\_IMG {  
…  
}

---

<div class="post-metadata">

**Author:** ![daniel-rodriguez4](https://avatars.discourse-cdn.com/v4/letter/d/a4c791/32.png) [@daniel-rodriguez4](https://foros.velneo.com/u/daniel-rodriguez4)\
**Post date:** [29 Junio, 2017 09:32 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/9 "2017-06-29T09:32:41Z")

</div>

Buenas Manual, no funciona con solo el identificador, la única forma con la que lo he logrado a sido en el post-init añadiéndole el CSS al objeto en cuestión.

Un saludo

---

<div class="post-metadata">

**Author:** ![juanjo1](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/juanjo1/32/5114_2.png) [@juanjo1](https://foros.velneo.com/u/juanjo1)\
**Post date:** [12 Septiembre, 2024 13:11 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/10 "2024-09-12T13:11:02Z")

</div>

hay alguna propiedad en el VImageWidget que me permita hacer que la imagen salga redonda? como en la foto de nuestro perfil… un radius: 100px o algo asi? …

---

<div class="post-metadata">

**Author:** ![correo](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/correo/32/5689_2.png) [@correo](https://foros.velneo.com/u/correo)\
**Post date:** [12 Septiembre, 2024 22:11 UTC](https://foros.velneo.com/t/css-objeto-imagen/9522/11 "2024-09-12T22:11:25Z")

</div>

Hola Juan.

Usa el siguiente CSS en el objeto VImageWidget que tiene como ID el nombre IMG\_01 y un tamaño de 90x90px.

```auto
VImageWidget[objectName^=IMG_] {
	background-color: yellow;
	border: 1px solid DarkGray;
	border-radius: 45px;
	padding: 0;
}

```

Saludos  
Paco Satué
