Tabbed-Container-Extension

KO | EN

gitlite — search

#python #react #ai #go #deep-learning #macos #windows #awesome #awesome-list #pytorch #ios #mcp #openai #open-source

Tabbed-Container-Extension

(★ 22)

A Qlik Extension that groups Sense objects in a container and displays tabs as a way of navigating through them

Tabbed-Container-Extension Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Qlik Sense Extension Tabbed Container
The Tabbed Container is a Qlik Extension that groups Sense objects in a container and displays tabs as a way of navigating through them.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/extension_intro.gif)

### Adding tabs
The extension can display a maximum of 5 tabs, having each tab its own title -which is displayed in the navigation button- and its own visualization.
In order to add one of your visualizations to a given tab, go into edit mode and select the tab to which you want to add the visualization. Then, you can select a preexisting  visualization using either one of the following methods:

1. Select a visualization from your master items library using the dropdown.
2. Enter the objectId of any visualization within the app.

In the event that both parameters are given, the extension will take the input from the objectId field.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/extension_optionsMaster.JPG)

### Export the data
The data displayed in the current visualization can be exported to CSV by clicking on the export button, which can be found in the upper right corner of the object container.

It is to be noted that currently, *this feature does not work on the Desktop version of Qlik Sense*.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/exportButton.JPG)

By default, the data is exported as a tab separated CSV file. However, it is possible to select other delimiters (comma and semicolon) from the properties panel.

### View the object details
The details of the active chart can be viewed normally, just like in the native Sense objects. To do so, you'll need to activate this option from the properties panel, in the Appearance section by switching off the option *"Hide the details button"*, which is turned on by default.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/details_settings.JPG)

Once you activate this option, you'll see a information icon in the upper right corner of the container, provided that the visualization has a *qHyperCube*. You may see the details of the visualization by clicking on this icon.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/details_example.JPG)

### Styling options
The style of the body and the tabs may be easily modified through the options given in the "Appearance" section through the following options:

1. Border color-picker: it sets the color of the border of the body container through a standard Qlik Sense color picker.
2. Background color-picker: it sets the color of the background of the body container through either a standard Qlik Sense color picker or an input box that takes any valid way of expressing color (RGB, HEX, etc.).
3. Button color-picker: it sets the color of the border and of the background of the tab that is active.
4. Additional settings:
    1. Collapse when there is 1 tab: when set to true, the tabs are hidden if there is only one object.
    2. Hide the details button.
    3. Hide the export button.
    4. Format of the exported CSV.

In the event that the width assigned to the extension is lower than the space needed to render the tabs, the Tabbed Container will go into stacked mode. This is bound to happen as well in mobile devices.

![Tabbed-Container-Extension](https://raw.githubusercontent.com/dfarache/Tabbed-Container-Extension/master/assets/img/extension_stacked.JPG)

## How to use
1. Copy the extension folder into your Qlik/Sense/Extensions folder.
2. Set the values for the `(title,objectId)` you wish to display.
3. The changes should appear automatically the extension.

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## License

Released under the MIT license.

***

Tabbed-Container-Extension

Tabbed-Container-Extension Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Tabbed-Container-Extension

Tabbed-Container-Extension Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README