Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Announcements
QlikWorld 2020: Join us May 11 - 14, 2020 in Phoenix, AZ. Register early and save $400. Learn More
Not applicable

Sense - Prevent 'full screen' toggle in custom extension

Hi,

a standard feature of extensions is their ability to go 'full screen' when the user clicks on this icon:

gofullscreen.png

is there any way to prevent this icon being shown/going fullscreen in a custom extension?

Thanks.

Tags (2)
15 Replies
Not applicable

Re: Sense - Prevent 'full screen' toggle in custom extension

I also want to know this!

Luminary
Luminary

Re: Sense - Prevent 'full screen' toggle in custom extension

Any updates on this?

Luminary
Luminary

Re: Sense - Prevent 'full screen' toggle in custom extension

Figured it out (by myself! #soproud):

Add to the ccs file:

.qv-object-<Extension name w/o spaces here>~.qv-object-nav >.icon-zoom-in{

  display: none;

}

PS: If you add the above part to the theme of the app you can also suppress the toggle in the native objects!

Not applicable

Re: Sense - Prevent 'full screen' toggle in custom extension

This is awesome, though I noticed it does not work for custom widgets though as the dom element does not get named the widget name . It's a shame this stuff is so hard to reach/unreachable by css.

Luminary
Luminary

Re: Sense - Prevent 'full screen' toggle in custom extension

Just use

.icon-zoom-in{

  display: none;

}

if you wish to  suppress these icons all together (which I do)!

Not applicable

Re: Sense - Prevent 'full screen' toggle in custom extension

Yea, agreed that would work for all, but ideally I only need one removed. The problem is the element is OUTSIDE of the widget and is unreachable with any css.

Luminary
Luminary

Re: Sense - Prevent 'full screen' toggle in custom extension

Nothing is unreachable with css

Not applicable

Re: Sense - Prevent 'full screen' toggle in custom extension

Well, yea i guess technically it can get ALL of the icons so it is 'reachable' . But I meant there is no specificity built into sencha's classes that allow me to just target one widget's zoom button using css selectors. I am using EXT 5 btw, I am not sure if 6 fixes this but I upgrading is not in the plan for awhile.

I think eventually I will need to build the widget as an extension to gain more control of the 'thing' and from there I can hide the zoom in button.

Also there is plenty unreachable with css for many reasons, native components like select etc. also iframes come to mind

Luminary
Luminary

Re: Sense - Prevent 'full screen' toggle in custom extension

Again, nothing is unreachable with css as long as it's rendered on the page - even native Qlik Sense components, navigation bar, sheet size and much more can me modified & altered, much of it via themes e.g.

You can also target the widget's zoom css selectors by first selecting the widget itself (it must have some sort of class/id!, and then selecting the children which fall in the category icon-zoom. Have a look at Child/Sibling/Parent css selectors