
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Override CSS Qlik Sense Widget
Hello people!
I was giving some shot on creating widget and faced with a issue that overcomes my knowledge. I realized that Qlik sense put his own css classes in the div tag, but one of them is kinda "breaking" my widget.
In the printscreen below, I want to take away the green area selected, that is the qv-inner-object class padding. Is this possible with widget? Or by extension? Or it is not possible? Thanks!
Accepted Solutions

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Used custom theme and just put _cards attribute to false
{
"object": {
},
"dataColors": {
},
"palettes": {
},
"customStyles": [
],
"scales": [
],
"_inherit": true,
"_variables": {
},
"_cards": false,
"color": "@TextColor",
"fontSize": "@TextSize",
"backgroundColor": "@BackgroundColor"
}

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@victorlm Do you want to remove the area in green? Create a custom theme
Then in the CSS of your custom theme, include the full name of the class and use display:none; property to remove it


- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
In an extension you can use closest('.qv-inner-object') to find the element and then override the padding CSS with some CSS. Don't think this is possible in a widget.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thank you @ErikWetterberg and @EliGohar !. I'll search those possible solutions here.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Used custom theme and just put _cards attribute to false
{
"object": {
},
"dataColors": {
},
"palettes": {
},
"customStyles": [
],
"scales": [
],
"_inherit": true,
"_variables": {
},
"_cards": false,
"color": "@TextColor",
"fontSize": "@TextSize",
"backgroundColor": "@BackgroundColor"
}
