# Texto debajo del Icono

**URL:** <https://foros.velneo.com/t/texto-debajo-del-icono/8287>\
**Category:** Velneo\
**Created:** [3 Septiembre, 2015 19:41 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287 "2015-09-03T19:41:11Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [3 Septiembre, 2015 19:41 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/1 "2015-09-03T19:41:11Z")

</div>

Hola Foro,

¿Hay alguna forma de poner el texto de un botón por debajo del icono?

Saludos

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [5 Septiembre, 2015 15:55 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/2 "2015-09-05T15:55:06Z")

</div>

Hola Foro,

Después de esperar varios días a una posible contestación, tengo que suponer que no debe ser factible (posible) hacer con Velneo la posibilidad de poner los textos de los botones por debajo de los iconos, y no como ahora, que solo se pueden poner a la derecha.

¿ Y en JavaScript ?

Saludos,

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/a/a79fb73b342253fa8e44c4add9415f6308048afd.jpg)

---

<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:** [5 Septiembre, 2015 19:27 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/3 "2015-09-05T19:27:23Z")

</div>

Buenas, quizás con css pero no lo he probado. Haz unas pruebas con css y el subcontrol texto o icono, no se. Habría que ir a prueba y error.

Suerte

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [5 Septiembre, 2015 23:34 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/4 "2015-09-05T23:34:54Z")

</div>

Hola Manuel,

Gracias por contestar, y mejor lo dejo para que los de Velneo den la opción en las propiedades de los botones para que se pueda poner el texto en el lado que uno quiera dentro de un botón.

Yo de CSS, no tengo ni idea, ni para ponerme hacer ahora un botón.

Muchas gracias.  
Saludos.

---

<div class="post-metadata">

**Author:** ![andrei](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@andrei](https://foros.velneo.com/u/andrei)\
**Post date:** [5 Septiembre, 2015 23:40 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/5 "2015-09-05T23:40:57Z")

</div>

No lo he probado y niquiera he mirado las propiedades del botón para tu pregunta, pero debe de haber alguna manera de hacerlo, o por lo manos la había.

Lo digo por este post aquí: [http://jarboleya.com/2013/07/12/desactivar-ordenacion-en-rejillas-con-css-en-velneo-v7/](http://jarboleya.com/2013/07/12/desactivar-ordenacion-en-rejillas-con-css-en-velneo-v7/)

---

<div class="post-metadata">

**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\
**Post date:** [6 Septiembre, 2015 09:39 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/6 "2015-09-06T09:39:09Z")

</div>

Hola Ramon.

Aunque con CSS es posible hacerlo, como muestra el siguiente código, no es una solución adecuada porque debemos usar la propiedad **background** y dejan de funcionar varios comportamientos visuales del botón, como el efecto Hover original del estilo aplicado.

```auto

QPushButton {
	padding: 10 0 -20 0;
	border: 1px solid black;
	background-image: url('" + sysCacheClientPath + "guardar.png');
	background-repeat: no-rpeeat;
	background-position: center top;
	background-attachment: fixed;
	background-origin: content;

```

Otra opción que respetará todos los comportamientos visuales del Botón es seguir usando la propiedad **Icono** del botón pero añadiendo el Texto en la posición que queramos utilizar. La propiedad Nombre y Contenido tendrán que estar evidentemente en blanco. La propiedad “Tamaño de icono” debe estar a Original.

Verás que los botones siguen iluminándose cuando el ratón pasa por encima o coge foco y además verás correctamente los Botones desactivados.

Pruébalo.  
Saludos  
Paco Satué

![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/f/ffac24fd81ecb77d4d7137c613f380d24af27ffc.png)

![image](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/7/7ec828860193be776253869ab14d904b413b1ebc.png)

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [6 Septiembre, 2015 11:44 UTC](https://foros.velneo.com/t/texto-debajo-del-icono/8287/7 "2015-09-06T11:44:51Z")

</div>

Muchas gracias Paco,

Acabo de montar lo que me has explicado en tu mensaje, y la verdad por el trabajo que da, mejor espero que algún dia, Velneo ponga en las popiedades de los botones el lugar donde queremos que se muestren los texto en los botones, derecha, izquierda, abajo, arriba.

Saludos,
