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
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
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, DamianBen 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.