The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Search bar on Service portal is overlapping with widgets

zabeeulla2
Kilo Expert

Hi All,

We have a requirement where we need to add a search bar (out of Box) on a background image of home page, We were able to add the image and place the search bar as required.

The issue we are facing is when we type some text in search bar the suggestion bar   which it shows below the text is getting overlapped with the widgets present in the container and some text is not visible.Please suggest a way to rectify this. We are using "TypeAhead Search" widget which is an OOB, The same widget when we place it in some other page its working fine.

Please find the screen shots attached.

Immediate help is appreciated.

Regards,

Zabeeulla.

1 ACCEPTED SOLUTION

Let's try a different approach. This is not an issue with the out-of-box so it's custom CSS that is interfering... so why don't you try commenting out some of the custom CSS in the: Theme, Page, Instances, Widget, until it eventually starts working again and then just rewrite that CSS.


View solution in original post

11 REPLIES 11

Rushit Patel2
Tera Guru

may b it is because OOB css style is affected by your custom style somewhere.



it should have white background then you will be able see data properly.



inspect the list in browser developer tools n see if color is overridden by something else..



you should see something like this



find_real_file.png



image.png



.dropdown-menu class is setting background as white...see if something is overriding it.




(please mark helpful/like/correct if it helps)


Hi Rushit,



I couldnt find any background colour overlapping. Could you please suggest me any another alternative solution, when i tried to put same widget in soe other place its working fine.



Regards,


Zabeeulla.


Hi Rushit,



I am able to change the background color but it still overlaps. Please find the screen shot attached with background colour changed.



find_real_file.png



Regards,


Zabeeulla.


Did you the solution for this.

Please help me with im unable find why one widget is overlaying over the another