Topic: Selected panel Card - highlight

Ben free asked 6 years ago


Hi there - any advice on how to highlight a selected panel card with a glow effect.  I\'m able to highlight the panel with a basic effect:   <div  [class.fadeOut]='IsRemoved'  [class.highlight]='IsSelected'>   .highlight {background-color: green;}   Thanks in advance for any tips, Ben

Damian Gemza staff commented 6 years ago

Dear Ben, What exactly do you want to achieve? What does highlight mean? Changing background element or set some depth (shadows)? And on which event? Mouse over, click? Provide more informations and I'll try to help you. You always could try with HostListener and Renderer2 addClass or setStyle. Best Regards, Damian

Ben free commented 6 years ago

Thanks for the response Damien - i was looking at a fancy glow solution but instead opted for a background change - i ended up using a mask and [class.view]='IsSelected'

Damian Gemza staff commented 6 years ago

So you've achieved that what you're looking for? Or you still need help?

Ben free commented 6 years ago

Hi Damien - yes it is working now as i had hoped. O am a beginner with your library and am enjoying how easy it is to produce effective UI.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags