314
Views
11
Comments
Solved
How to add hover CSS to a container and display it.

Hi team
I have a scenario in which I have to make the container which contains multiple accordian to hover. In such a way that when I hover on the left side of the screen the container should be visible.

e.g. I have side menu which is in the container consist of multiple accordians and I want them to be only visible when I hover on the left side of the screen 
I tried using tooltip to make my container hover but it was not properly working. 

2023-02-19 05-11-08
Faais
Solution
2023-02-19 05-11-08
Faais

Hi Snehal Ghegade

Add this CSS to that container. 


I have attached OML for your reference

AccordionHover.oml
UserImage.jpg
Snehal Ghegade

Hello @Faais 

Thank you for the solution it was something which  I needed But I still have doubt is it possible to make this whole container hover .

UserImage.jpg
Snehal Ghegade

Hello @Faais 

okk, Can you please send me the solution for this or the css for it .It's really needed.

2023-02-19 05-11-08
Faais

Assign that class name where ever you want "accordion-container" with that CSS shown in the image. I hope, this will work.! 

tell me which container you need to hover or please send me your OML.

UserImage.jpg
Snehal Ghegade

I'm unable to share my oml file . Can you please add solution in you oml file itself it is better for me.

2023-02-19 05-11-08
Faais


Here is the solution, I have attached the updated OML below for your reference. 



AccordionHover.oml
UserImage.jpg
Snehal Ghegade

Hello @Faais 

I checked the solution you sent .It is little bit similar that what I want .Actually I want , the container will be visible only when the mouse icon is hovered over and also both containers should open in the left side menu.

But In your solution the container itself is visible even if the mouse is moved far also both containers open from top menu

So can you please check it once

2023-02-19 05-11-08
Faais
Solution
AccordionHover.oml
UserImage.jpg
Snehal Ghegade

Yes this the solution which I want.

Thank you so much @Faais 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.