Skip to main content
Announcements
Qlik Connect 2024! Seize endless possibilities! LEARN MORE
cancel
Showing results for 
Search instead for 
Did you mean: 
random_user_3869
Partner - Creator III
Partner - Creator III

Make an object disappear using css

Hello everyone,

I would like to make the following item disappear (the item in red) :

lessassy_3869_0-1663235416561.png

Is there a way to make it disappeart using css code ?

Thank you

 

PS: i don't want to/can't   increase the size of my text object 

Labels (1)
1 Solution

Accepted Solutions
Andrei_Cusnir
Specialist
Specialist

Hello,

 

What you can do is to enter Developers Console in Chrome and investigate which element is this. For example:

 

1. I built a similar example:

 

2. Now hit F12 to enter Developers Mode and user the "Select and element in the page to inspect it - Ctrl + Shift + C" feature to identify the class

 

3. Find the class in "Elements" tab and add the style: "overflow-y:hidden" or play with the available values:

 

4. This should ideally remove the scroll bar:

 

I hope that this information was helpful. In case I have misunderstood the use case scenario, please elaborate in details by providing additional information. However, if it has helped you resolve the issue, addressed your concerns or at least pointed you in the right direction, please mark it as Accepted Solution to give further visibility to other community members. 
 

Help users find answers! Don't forget to mark a solution that worked for you! 🙂

View solution in original post

2 Replies
Andrei_Cusnir
Specialist
Specialist

Hello,

 

What you can do is to enter Developers Console in Chrome and investigate which element is this. For example:

 

1. I built a similar example:

 

2. Now hit F12 to enter Developers Mode and user the "Select and element in the page to inspect it - Ctrl + Shift + C" feature to identify the class

 

3. Find the class in "Elements" tab and add the style: "overflow-y:hidden" or play with the available values:

 

4. This should ideally remove the scroll bar:

 

I hope that this information was helpful. In case I have misunderstood the use case scenario, please elaborate in details by providing additional information. However, if it has helped you resolve the issue, addressed your concerns or at least pointed you in the right direction, please mark it as Accepted Solution to give further visibility to other community members. 
 

Help users find answers! Don't forget to mark a solution that worked for you! 🙂
random_user_3869
Partner - Creator III
Partner - Creator III
Author

Hello,

Thanks to you i investigate the element and i used the following code:

div[tid="BkRYftu"] .qv-object-text-image .qv-media-tool-html {

width: auto;
overflow-y: hidden;
}

and it worked !

Thanks to you