question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Bind background color to each tag

See original GitHub issue

I’m submitting a … (check one with “x”)

[ X ] feature request

I am thrilled by your features 😃

Really everything I need you offer except one little feature which I already suggest for the ngJS 1.x md-chips!

The background-color for each tag inside my tags list come from the backend. I want to bind this background color dynamically. The theming does not help me.

I haven`t found any kind of color property I could bind to your tags component.

So I assume its not possible 😕

I request that feature! 😃

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:13 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
ratnam99commented, May 23, 2018

Hi @Gbuomprisco, saw your comment

This is how'd do it:

First thing, you'd need to pass the color through the item's object
Then, define a custom template, wrap the content in a div, and assign the background (or, better, a class?) to your div. Of course - this is based on the property passed through the item. You may want to also change the text color, and the delete icon color.
Through theming, set the padding of the tag elements to 0, and adjust the right padding by assigning it to the div wrapping the template

I was not able to understand from this comment. Can you please send me a working example for it in Angular 4? It would be really appreciated.

Thanks in advance.

2reactions
Gbuompriscocommented, Apr 22, 2018

I think so

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change Background Color for WPF textbox in changed-state
If it matches, return the normal background color. You will need to use a multi-binding if you want to compare the FirstName and...
Read more >
How to use color picker or image field in the layout designer to ...
How to use an image picker to select a background color in a layout ... Feature requests are reviewed during the planning phase...
Read more >
<input type="color"> - HTML: HyperText Markup Language
<input> elements of type color provide a user interface element that lets a user specify a color, either by using a visual color...
Read more >
Component Styles - Other Bindings in Vision
Now what I want to do is change the background color, the foreground color, the border and the font all based on the...
Read more >
Caniuse Feature suggestion list
This list shows all suggested support table features based on GitHub issues. The vote count is based on total thumbs up ( ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found