Custom Extension: Overlap & Hide

heik — Tue, 26 Nov 2024 17:49:53 GMT

Good afternoon,

I am developing a custom extension but I can't find documentation to allow overlap in edit mode.

Can anyone assist?

Re: Custom Extension: Overlap & Hide

nhenckel — Tue, 17 Dec 2024 20:50:10 GMT

For hiding or customizing a visualization's appearance in edit mode, you can utilize CSS in your custom extension. I recently worked on a project where I "hid" parts of the visualization UI in edit mode using the following CSS:

.qv-object-[your-extension-id] .qv-inner-object {
  background: transparent !important;
}

.qv-object-[your-extension-id] {
  border: none !important;
}

.qv-object-[your-extension-id].qv-mode-edit .qv-inner-object {
  background: rgb(35, 108, 255) !important; /* Highlighting in edit mode */
}

Replace [your-extension-id] with the actual ID of your custom extension. The .qv-mode-edit class specifically targets edit mode, allowing you to modify the UI only when the user is editing.

In terms of enabling "overlap" in edit mode, I haven't come across a direct way to do this yet, but I'd be equally curious to learn if there's a method to achieve overlap within Qlik extensions.

I hope this helps for now! Let me know if you need further clarification or help on the CSS side.

topic Custom Extension: Overlap & Hide in App Development

Custom Extension: Overlap & Hide

Re: Custom Extension: Overlap & Hide