Button Icon States
I’m currently trying to determine how buttons with just icons as placeholders should be represented throughout our product.
Currently, each button is displayed as the representation on the right in this image.
I’m curiou…
Radio button group label for employee leaving, terminated, or retired
I don’t think my brain is working this morning. I’m having trouble coming up with the name for a group of radio buttons on an employee update form. The radio buttons are for if an employee is terminated, has left, or retire…
Toggle Switch position the right way?
Just having a debate about what is the good position for an activated toggle.
Also looking for some answers why left? why right?
To me it makes sense to have it on the right when activated as it’s closer to the text, but l…
Interaction to show/hide tags using info icon
Product : Universal file holder for a large enterprise
Situation : Navigation side bar with unnecessary file details
The files are tagged so they can be filtered. However, we already have those as filter options. The pic…
How can I best display a blank space character?
A web app I’m writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W character in the font I’m using) meaning I can’t display the word “space” or “blank space”.
How can I best display the blank space character?
I’ve tried a couple of options, but I’m not sure if these would just lead to confusion:
- Using underline. This looks a bit too similar to the underscore character.
- The space symbol (
␠
(␠)). I didn’t even know this existed until I started looking for answers to this question myself, so I’m not sure if this is widely recognised. - A faint bottom border in a different colour.
- A block character (
█
(█)) like those used in a terminal to represent the cursor. - A blank space with no style applied.
I suppose it’s worth noting that this is purely for display purposes; the user has no interaction with the character other than acknowledging it’s there when reading through the page (so I’m not asking about What character can I use to represent the space bar?).
How can I best display a blank space character?
A web app I’m writing singles out individual characters found on a traditional keyboard. I have a very limited area in which the character can be displayed (which is basically the width of a W character in the font I’m using) meaning I can’t display the word “space” or “blank space”.
How can I best display the blank space character?
I’ve tried a couple of options, but I’m not sure if these would just lead to confusion:
- Using underline. This looks a bit too similar to the underscore character.
- The space symbol (
␠
(␠)). I didn’t even know this existed until I started looking for answers to this question myself, so I’m not sure if this is widely recognised. - A faint bottom border in a different colour.
- A block character (
█
(█)) like those used in a terminal to represent the cursor. - A blank space with no style applied.
I suppose it’s worth noting that this is purely for display purposes; the user has no interaction with the character other than acknowledging it’s there when reading through the page (so I’m not asking about What character can I use to represent the space bar?).
How do you deal with long labels using material design text fields?
I need to convert a form to material design guidelines but I don’t think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that are well presented in th…
How do you deal with long labels using material design text fields?
I need to convert a form to material design guidelines but I don’t think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that are well presented in th…