# Botón plano y esquinas rectas

**URL:** <https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172>\
**Category:** Velneo\
**Created:** [10 Noviembre, 2016 12:52 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172 "2016-11-10T12:52:56Z")\
**Posts on this page:** 8\
**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:** [10 Noviembre, 2016 12:52 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/1 "2016-11-10T12:52:56Z")

</div>

Hola Foro,

Necesito hacer un botón que tenga la característica de plano y con las esquinas rectas, vamos como son los nuevos botones de Windows 10.

Por lo que he visto por el foro, esto se puede hacer con QPushButton, pero no he podido encontrar como se tiene que configurar para hacer que las esquinas rectas y con un estilo plano.

Os dejo adjunto el estilo de botón que me gustaría construir.

Si alguien me puede echar una mano, gracias anticipadas…

Saludos,

---

<div class="post-metadata">

**Author:** ![vgegeo](https://avatars.discourse-cdn.com/v4/letter/v/278dde/32.png) [@vgegeo](https://foros.velneo.com/u/vgegeo)\
**Post date:** [10 Noviembre, 2016 14:03 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/2 "2016-11-10T14:03:00Z")

</div>

Revisa que en alguna linea anterior de tu CSS no tengas un QPushButton con la propiedad:

`border-radius`

Si lo tienes, una de dos, o eliminas la propiedad, o dedicas un QPushButton especifico para ese boton, indicando en nombre del boton, por ejemplo:

`QPushButton#NOMBRE_DEL_BOTON {tus propiedades para este boton}`

Saludos

---

<div class="post-metadata">

**Author:** ![vgegeo](https://avatars.discourse-cdn.com/v4/letter/v/278dde/32.png) [@vgegeo](https://foros.velneo.com/u/vgegeo)\
**Post date:** [10 Noviembre, 2016 14:16 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/3 "2016-11-10T14:16:07Z")

</div>

Perdon,

Quise decir, indicando el **identificador** de tu nuevo boton:

`QPushButton#IDENTIFICADOR_DEL_BOTON {tus propiedades para este boton}`

Si te creas un CSS especifico para este boton nuevo, deberas poner el mismo identificador a todos los botones que quieres que tengan ese efecto.  
-Esto esta bien, porque cambian todos de golpe.  
-Esta esta mal, si quieres utilizar el mismo CSS para varios botones en el mismo formulario, porque no podras repetir el identificador.

Para solucionar esto si es tu caso, puedes poner en tu CSS todos los identificadores de los botones que compartan unas mismas propiedades:

`QPushButton#IDENTIFICADOR_DEL_BOTON, QPushButton#IDENTIFICADOR_DEL_BOTON_2 {tus propiedades para este boton}`

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:** [10 Noviembre, 2016 14:44 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/4 "2016-11-10T14:44:45Z")

</div>

Hola GEGEO

He revisado todos los QPushButton y ninguno tiene la propiedad `border-radius`

Os adjunto el código que estoy utilizando:

```auto
QPushButton#BTN_MENSAJERIA { 
 background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop:0 #FF6666, stop:1 #FF0000);
 border: 1px solid #FF0000;
 color: #FFF;

```

---

<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:** [10 Noviembre, 2016 14:54 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/5 "2016-11-10T14:54:43Z")

</div>

**ALTO!!! - GEGEO**

Ya lo tengo, solucionado, como bien has dicho tenia un **border** con el **border-radius** , pero al pasar el buscador la primera vez, no se porque no lo encontrado, pero lo he vuelto a pasar y efectivamente había un **border-radius** , lo he quitado y ya tengo el botón sin esquinas redondas.

Gracias  
saludos

---

<div class="post-metadata">

**Author:** ![vgegeo](https://avatars.discourse-cdn.com/v4/letter/v/278dde/32.png) [@vgegeo](https://foros.velneo.com/u/vgegeo)\
**Post date:** [10 Noviembre, 2016 15:28 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/6 "2016-11-10T15:28:35Z")

</div>

ALTO 😃

Otra opcion, pero no la he probado:

Como vas a especificar el CSS para un boton concreto, sin quitar el border-radius que tenias, puedes probar indicando en tu boton nuevo

`border-radius: 0px;`

Pero ya te digo que esto no lo he probado, y no se si priorizaria en este caso el border-radius original.

Saludos

---

<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:** [11 Noviembre, 2016 10:49 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/7 "2016-11-11T10:49:16Z")

</div>

Hola.

Existe la posibilidad de tener 2 tipos de Botones con caracter general en nuestra aplicación. Simplemente poniendo a Falso o Verdadero la **propiedad Plano** del control Botón.

Por ejemplo, el CSS para los botones con la propiedad Plano a Falso podría quedar de la siguiente manera:  
QPushButton {  
font-family: arial, sans-serif;  
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #FFFFFF, stop: 0.5 #D3CEC8);  
padding: 5px 10px 5px 10px;  
border: 1px solid;  
border-color: DimGray;  
border-radius: 4px;  
color: black;  
}

y el CSS para los botones con la propiedad Plano a Verdadero de esta otra manera:  
QPushButton:flat {  
background-color: Honeydew;  
border: 1px solid SeaGreen;  
border-radius: 0px;  
}

Saludos  
Paco Satué

---

<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:** [11 Noviembre, 2016 11:16 UTC](https://foros.velneo.com/t/boton-plano-y-esquinas-rectas/9172/8 "2016-11-11T11:16:35Z")

</div>

Gracias Paco,

Lo voy a probar, a ver como queda.

Saludos