Skip to main content
micah1-Visitor
1-Visitor
Apr 1, 2020 9:51 PM UTC
Solved

Changing the background colour of a menu item after click.

I would like to change the background colour of the side menu items after I've clicked them.  The screenshot below shows the colour I would like to change.

 

Is it pseudo element or class that I need to apply CSS?

sebbenAnswer
14-Alexandrite
Apr 6, 2020 4:48 AM UTC

Hi,

 

you can change this color by changing the .item.activated class:

 

For example:

.item.activated {
background-color: red;
}

 

View in thread

5 replies

sebben14-Alexandrite
14-Alexandrite
Apr 2, 2020 11:09 AM UTC

Hi,

you can define a function in your javascript like this:

$scope.changeBackground= function(){
document.querySelector('.simple-label').style.background = 'rgba(255, 255, 255, 1)';
}

You can call the function from your label's click event. The label needs to have the class 'simple-label' in that case.

Translate
micah1-VisitorAuthor
1-Visitor
Apr 2, 2020 8:32 PM UTC

The menu was created by adding another view. It doesn't appear in the tree, so I'm unable to add a class or click event to it.

Translate
sebben14-Alexandrite
14-Alexandrite
Apr 3, 2020 7:25 AM UTC

I'm not sure if I understand you right...

But you should be able to see the tree of the added view when you click on the view first.

Can you add screenshot of you studio editor or even better the project? Then we can figure it out for sure.

 

Thanks.

Translate
Terms & ConditionsAccessibility statement