Skip to main content

App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

Announcements
QlikWorld 2023, a live, in-person thrill ride. Save $300 before February 6: REGISTER NOW!
cancel
Showing results for 
Search instead for 
Did you mean: 
lessassy_3869
Partner - Creator II
Partner - Creator II

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! 🙂
lessassy_3869
Partner - Creator II
Partner - Creator II
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