Transparency of element

Need help
1

How can I control the transparency of an element ?

2

When you modify the background color (or any color), you have an opacity scale on the right.

2 Likes
3

Minor feature request (and easy to work around so not urgent by any means): it would be great if one could also just input __% opacity, which is faster than sliding the vertical bar and more consistent when a given app uses only a few transparency settings (e.g., 30%, 90%) depending on the state.

9 Likes
4

We’ll put that on our list. No promise for delivery though :wink:

4 Likes
5

@emmanuel

how come I can’t see the opacity scale you’re referring to?

Screenshot (21).png553Ă—1085 73.7 KB

6

@Rogelio press the color box in the HEX input to open up the color picker and you´ll find the transparency options next to it.

1 Like
7

aha! thanks @Kackur

you can easily miss it.

thanks!

1 Like
8

Really would be useful for proper Material Design!

1 Like
9

Hello
Is there any chance for an improvement of the color picker to check color’s transparency level like hex/decimal value or percentage via design view?
Well You know… it is a bit weird and time consuming to control this via debugging window’s information about specific element’s color value :wink:
Regards

1 Like
10

Thanks for that tip. I didn’t think about doing that. For those of you who are familiar with web dev / inspector tools, a workaround that works today to get an exact value in there could be (example done in Chrome, but there are similar dev tools for Safari, Firefox, and other browsers):

Pasted image1143Ă—559 88.2 KB

If you go into the color picker now, you should see it at the level you wanted.

Pasted image880Ă—289 60.4 KB

11

Does anyone know how to make an image transparent?

3 Likes
12

I’m also interested to know if it’s possible to make an image transparent, especially if it could be programatically.

13

Hi, I noticed that on background of elements besides the slider an input is available to set the transparency, but text color and border color for example only has the slider. Is it possible to add the input field here also?

2 Likes
14

I’d be great if elements had the “Opacity” property just like in CSS. The background opacity doesn’t replace it as we may want the whole element and its children to be affected, not just its background.

5 Likes
15

I agree. Specific transparency is available to be set numerically for element background, but there’s only a slider available for text color.

Makes it more difficult to follow proper material design guidelines.

Is this an easy fix just to add a numerical value picker instead of a slider?