Hoe maak ik gebruik van de Tabber add-on

[h.japtjong]

De Tabber add-on creëert een nieuwe widget waarmee je gemakkelijk en snel tussen widgets kunt schakelen zonder het dashboard te wijzigen. Tabber Widget kan worden gebruikt om bijv. gegevens in verschillende tijddimensies te bekijken (Huidige maand, Laatste maand) of om gegevens in verschillende categorieën weer te geven (Diagnosegroepen, Locaties, etc). Deze widget is ontworpen om slechts één keer per dashboard te worden gebruikt.

Opmerking: de add-on voor Tabber biedt geen ondersteuning voor het opslaan van de staat Tabber na het vernieuwen of filteren van wijzigingen

Toepassing:

1. Maak een nieuwe widget aan. De widget Tabber wordt weergegeven in de lijst met opties.

2. Klik op Toepassen om de widget te maken.

3. Open de scripteditor van de Tabber-widget.

4. Plak de volgende code in de scripteditor.

widget.on('render',function(w, e){e.prefixText = '';
			e.suffixText = '';
			e.selectedColor = '#86b817'; /*Kleur van het gekozen tabblad*/
			e.fontColor = '#cccccc'; /*Kleur van de ongekozen tabbladen*/
			e.elementWidth = '103%';
			e.descColor = '#a5a5a5';
			e.parentMarginLeft = '-15px';
			e.height = 32; /* Hoogte van de widget*/
			});
widget.tabs = [{title: "Column Chart", displayWidgetIds : ["55797a9459ef031011000032"],
			hideWidgetIds : ["557d408a4630ccdc11000019"]},
			{title: "Table", displayWidgetIds : ["557d408a4630ccdc11000019"],
			hideWidgetIds : ["55797a9459ef031011000032"]}
		];

5. Elke rij vertegenwoordigt een ander tabblad. De volgorde van de tabbladen is afhankelijk van de rijen die in de code voorkomen;

displayWidgetIds: Schrijf binnen de [ ] alle ID’s van de widgets die je wilt weergeven onder het specifieke tabblad gevangen (dubbele quotes) “”, gescheiden door een komma.

hideWidgetIds: Tussen de [ ] schrijf je alle widgets-ID’s die je wilt verbergen voor het specifieke tabblad gevangen in (dubbele quotes) “”, gescheiden door een komma.

De widget-ID verschijnt in de widget-URL. Je kunt de URL bekijken bij het bewerken van een widget. De widget-ID wordt aan het einde van de widget-URL weergegeven, bijvoorbeeld: http: // ysis-inzicht.nl / app / main # / dashboards / 55797a3542f03101100002c / widgets / 55797a9459ef031011000032. De widget-ID is: 55797a9459ef031011000032. Je kunt het ontwerp van Tabber, zoals de lettertypekleur, wijzigen. Zie de beschikbare opties als opmerkingen in het codevoorbeeld hierboven.

6. Klik op Opslaan en sluit het venster.

7. Vernieuw de widget en klik op Toepassen .