WHO AD BUTTON TRANSPARENT ? / como agregar un boton transparente - Forum

Forum Navigation
You need to log in to create posts and topics.

WHO AD BUTTON TRANSPARENT ? / como agregar un boton transparente

@gaev, @vadim

 

Hello, can someone please tell me how to add a transparent action button to be able to place it on an image.
The idea is to be able to put a calendar in the background (background image) and place a small button on each day to create an action there....

 

Español

Hola, por favor alguien me puede decir como poder agregar un boton de acción transparente para poder colocarlo sobre una imagen.
la idea es poder poner de fondo un calendario (imagen de fondo) y colocarle un pequeño boton a cada dia para armar ahi una accion....

@joferar333

The idea is to be able to put a calendar in the background (background image) and place a small button on each day to create an action there....

1) In Project >>> Properties >>> Styles ...

.transparent {
opacity: 0.2;
}

... might even try 0.3 or 0.4

2) Place your buttons on top of the calendar image (make sure the image is NOT selected at the time, as you do not want the button to be a child of the image).

3) For Properties >>> Advanced >>> css-class, specify transparent (no . in front)

smartmedia has reacted to this post.
smartmedia

@joferar333

  1. Selecciona el botón
  2. Pulsa en la pestaña "Style"
  3. En background-color escribe: rgba(0,0,0,0)

Con eso tendrás un botón de color transparente pero donde aun podrás mostrar texto o un borde si así lo quieres.

También puedes hacer como sugiere Gaev y buscar la propiedad opacity (admite valores entre 0 y 1, siendo 0 completamente transparente y 1 completamente opaco) En este caso todo el botón, incluyendo borde y letras tomarán la transparencia indicada.

smartmedia has reacted to this post.
smartmedia

@luishp,@gaev     MIL GRACIAS!