Droptables documentatie

 

Invoering

Droptables is een Joomla-extensie die wordt gebruikt om HTML-tabellen in Joomla te beheren met een spreadsheet-achtige interface.

Droptables-table-extension

Belangrijkste kenmerken:

  • Beheer tabellen zoals in een spreadsheet
  • 6 thema's inbegrepen
  • Volledig beheerd vanuit elke editor
  • Excel- en Google Spreadsheets-synchronisatie
  • AJAX automatisch opslaan
  • Sorteerbare gegevens op frontend
  • Editor voor cel, lijn, kolomstijl
  • Kopieer de cel met drag'n drop
  • Kopieer de volledige tabel in één klik
  • HTML-cellen formaat
  • Geavanceerde CSS-code-editor

 

I. DROPTABLES INSTALLEREN

1.1 Installeren

Ons onderdeel is Joomla 3.x compatibel. Alle functies en integraties van derden zijn opgenomen in alle lidmaatschappen.
Om onze component te installeren, moet je het extensie .zip-bestand downloaden en het standaard Joomla-installatieprogramma gebruiken.

joomla-install

 

Klik vervolgens op Bladeren> Uploaden en installeren, component, modules en plug-ins worden standaard geactiveerd.

 

1.2 Update en automatische updater

Om de extensie te updaten, kun je een nieuwe versie installeren over de oude versie door het ZIP-bestand te downloaden van JoomUnited of gebruik de automatische updater (aanbevolen).

Droptable update

De automatische updater, die de updatemelding pusht, is ingesloten in de Joomla-extensie die u hebt geïnstalleerd. U krijgt dus een melding zoals elke andere extensie in het dashboard of via het menu: Uitbreiding> Beheer> Update menu.

Meld u aan om uw account bij te werken

U moet inloggen op uw JoomUnited-account om al uw JoomUnited Joomla-extensies te updaten. Om toegang te krijgen tot de hoofdconfiguratie van het onderdeel, klikt u op de Live update-tabblad. Onderaan vindt u een inlogknop.

live Update

 

Voer uw Joom United referenties in, dezelfde die u gebruikt om hier in te loggen @ www.joomunited.com

login-joomunited

 

De knop wordt oranje, gefeliciteerd! je kunt nu alle Joom United-extensies op deze website bijwerken! Als uw lidmaatschap is verlopen, krijgt u een vernieuwingslink en een tekst die dat verklaart.

-Account die is gekoppeld

Opmerking: met één enkele login kunt u alle JoomUnited-extensies bijwerken (met betrekking tot uw lidmaatschap). Inloggen verloopt niet tenzij u de verbinding verbreekt.

II. BEHEER TABELLEN

2.1 Beheer tabellen van artikel of component

Wanneer Droptables is geïnstalleerd, hebt u een componentinvoer, menu Componenten> Droptables en een editor-knop dat wordt weergegeven onder je editor. Klik erop om de Droptables-weergave te openen.

droptables-editor

 

Table manager interface wordt geopend in een lightbox vanuit de editor:

droptables-lichttafel open

 

Wanneer u een tabel in uw editor wilt invoegen, gebruikt u de knop rechtsboven Voer deze tabel in om het in je artikel te plaatsen. Vervolgens wordt de tabel gematerialiseerd met een grijs gebied en een Excel-achtig pictogram.

table-in-editor

 

Als u nogmaals op het gebied op de Droptables-knop klikt, wordt de eerder toegevoegde tabel geladen.

 

2.2 Beheer tabellen en categorieën

Tabellen worden ingedeeld in categorieën. Je kunt binnen een categorie zoveel tafels als je wilt hebben. Om een ​​tabelcategorie te maken, klikt u op Nieuwe tabelcategorie in het midden bovenaan. Om een ​​nieuwe tabel te maken, klikt u gewoon op de Maak een tabel.

table-categorieën

 

Opmerking: een standaardcategorie en -tabel zijn al gemaakt tijdens componentinstallatie. U kunt tabellen en tabelcategorieën verplaatsen met drag'n drop.

table-move

 

De categorie kan worden beheerd door er met uw muis op te klikken, u kunt de naam bewerken, de tabel kopiëren of verwijderen.

tafel naam

 

2.3 Tafel editie

Als u gegevens in tabellen wilt toevoegen, moet u zich gedragen alsof u zich in een spreadheat bevindt. Dubbelklik op een cel geeft je de mogelijkheid om inhoud bij te werken, een enkele klik om een ​​/ enkele cellen te selecteren (en om bijvoorbeeld een stijl toe te passen).

bewerk-cel

Om regel of kolommen toe te voegen, klik op de + op de tabelrand:

add-line-table

 

Of gebruik de rechtermuisknop.

rechts-clic-add

 

Om cellen te kopiëren, kunt u CTRL + C / CTRL + V gebruiken of u kunt uw muis ook in de rechteronderhoek van de cel plaatsen en in de gewenste richting brengen.

copy-cel

 

Opmerking: alle wijzigingen worden direct automatisch opgeslagen met een bericht in de rechterbovenhoek. U hebt een optie om deze functie uit te schakelen van de Droptables> Opties

save-table

 

 

Vanuit het rechtsklikmenu kunt u de laatste wijzigingen ongedaan maken, de nieuwste wijzigingen sinds u de pagina opnieuw hebt geladen. Droptables houdt een back-up van de aangebrachte wijziging en kan deze herstellen.

undo-actie

Cellen kunnen ook worden samengevoegd. Selecteer 2 cellen of meer en klik vervolgens met de rechtermuisknop. Een menu geeft u de mogelijkheid om samen te voegen.

 

2.4 Geavanceerde inhoudsversie

We hebben onlangs een nieuwe functie toegevoegd in de editie-interface. U kunt nu HTML-inhoud toevoegen aan een WYSIWYG-editor in elke cel. Selecteer een cel, aan de rechterkant, ga naar het tabblad Opmaak> HTML

html-cel

 

Wanneer u nu de cel bewerkt, heeft u een HTML-editor in de cel. Het bevat ook de volledige knop voor de editorinhoud, hier heb ik bijvoorbeeld de knop Image gebruikt. Editor-knoppen beschikbaar zijn configureerbaar als een optie.

editor-knop

 

 

2.5 Importeren en exporteren van Excel en spreadsheets

 

U kunt spreadsheets importeren en exporteren in Droptables met behulp van onze speciale tool. Het moet worden geactiveerd vanuit de configuratie: Componenten> Droptables> Opties

excel-import

 

De tabellen kunnen worden geïmporteerd vanuit Excel of Open Office. Het formaat wordt automatisch gedetecteerd en geïmporteerd. Merk op dat alleen de eerste Excel-pagina zal worden geïmporteerd. De export kan worden gedaan in Excel 2003 of 2007-indeling.

Excel - sheet-import-export

 

U kunt ook importeren of exporteren alleen tabelgegevens of tabelgegevens + stijlen. De importgegevens zijn alleen handig om uw lay-out bij het importeren te behouden.

 

III. DE TABELLEN STYLEN

3.1 Formaat

Het tabblad Formaat is standaard rechts van uw scherm beschikbaar. Het bevat verschillende stylingparameters.

 

tabellenformaat

  • Cel type: standaard of HTML (met editor). Met het standaardtype kunt u hiermee de HTML-code die HTML-inhoud als afbeeldingen invoegt, berekenen.
  • De celachtergrond gaat over het definiëren van de achtergrondkleur natuurlijk
  • Rand- en lettertype-opties kan op enkele of meerdere cellen worden toegepast
  • De rij en kolombreedte / hoogte kan worden gedefinieerd in pixels. Selecteer een kolom of rij ergens in de tabel en valideer de grootte.

rij-kolom-size

Er is ook een tooltip beschikbaar bij het bewegen met de muis van de muis (deze moet worden geactiveerd via de componentopties). Als u op de knopinfo klikt, kunt u de inhoud bewerken die zichtbaar is in de muisaanwijzer op de frontend.

table-cell-tooltip

 

3.2 Thema- en sorteeropties

 

Op het tabblad van de tabel, nog steeds aan de rechterkant, hebt u een thumbnail-thema-kiezer. Klik gewoon op een thema om het toe te passen. We raden u ten zeerste aan om thema's toe te passen op verse tabellen, het is dan heel eenvoudig om gegevens te wijzigen.

theme-choice

Als u al gegevens in uw tabel hebt en u een thema toepast, worden alle gegevens verwijderd. Als u een thema toepast op een nieuwe tabel, worden voorbeeldgegevens en stijl toegevoegd en kunnen deze worden bewerkt.

 

Nog steeds op het tabblad van de tabel rechterkolom, is de parameter 2 frame hier om de kleur van alternatieve lijnen (regel1, regel2, regel1, regel2 ...) te definiëren

twee frames

 

Met de sorteerbare parameter kunt u AJAX-gegevens sorteren op de frontend. Merk op dat als u de filtertool inschakelt, een hulpprogramma voor het sorteren van gegevens standaard wordt ingeschakeld.

sorteerbaar-en-filter-table

 

  • Gebruik sorteertafel: Ja nee
  • Tabel uitlijnen: Centrum / rechts / links / None
  • Responsieve type: Scrollen / verbergen van Cols
  • Filters inschakelen: Ja nee
  • Schakel paginering in: Ja nee
  • Aantal rijen per pagina: 10, 20, ...
  • Sorteer een cloumn standaard: selecteer Cloumn A, B of C, ...
  • Sorteer sorteer een kolom standaard: ASC / DESC

Gegevens filteren en sorteren op frontend

data-filter

De uitlijning van de tabel gaat over het uitlijnen van de div die de hele tafel bevat, centreert bijvoorbeeld alle tabellen. De opties voor kolom- en lijnvriesbevriezing bevriezen de selectie en maken een schuifbeweging in de rest mogelijk.

line-freeze

 

Maak mijn tabellen responsief of gebruik de scroll op kleine apparaten?

Droptables verwerkt het responsieve ontwerp met een prioriteitstool, als een optie. Standaard is de responsieve functie uitgeschakeld, er zal een overflow zijn (maar die werkt prima op mobiel).

responsieve-modus

 

De responsieve modus is geavanceerd, u kunt een prioriteit definiëren voor het verbergen van kolommen op mobiele formaten. Wanneer kolommen verborgen zijn, wordt een mobiel menu met selectievakje weergegeven om het weergeven / verbergen van kolommen af ​​te dwingen.
De kolomgrootte wordt vastgesteld tijdens de tabeleditie. Als de grootte van alle kolommen te groot is voor de container, hebt u een overloop en kunt u gemakkelijk scrollen op mobiele apparaten.

Tabel met een scroll (beter voor een klein aantal kolommen)

responsieve-table-scroll

 

Tabel met kolom verborgen (beter voor een groot aantal kolommen)

responsieve-table-cololumn-hide

 

Een cel hightlight is ook beschikbaar als een optie. U kunt deze functie inschakelen in de configuratie. Het is standaard uitgeschakeld. U kunt de kleur en dekking van markering aanpassen.

table-markeren

 

3.3 Beheer van ACL en Frontend

Het is mogelijk om uw tabellen te beheren vanaf de Joomla-frontend. Van de Joomla menu manager, voeg een nieuw menu toe item en selecteer als type Beheer tabellen en selecteer Droptables-frontend als sjabloon.


menu-droptables

 

 

Dit is wat u Droptables Manager van frontend kunt zien.

Droptables-frontend

 

Opmerking: als u de tabelmanagerinterface met volledig scherm op de frontend wilt weergeven, moet u kiezen Sjabloonstijl> Droptables-frontend.

 

U kunt de ACL van Joomla User Group gebruiken om de acties van de tabelversie te beheren. Ten eerste, om in te stellen wie tabellen mag bekijken, moet u de functie Activeer table access (ACL) inschakelen in de Droptables-configuratie.

frontend-table-editie

 

Bovendien kunt u de table frontend visibity voor elke tafel vanuit de tabelinstellingen bepalen (Meer tabblad). Ophalen van een Joomla-gebruikersgroep om een ​​groep toe te staan ​​de tabel op de frontend te bekijken.

gebruikersgroep-acl

 

3.4 Aangepaste CSS

Laten we een stap verder gaan. Als je een webdesigner bent met CSS-eductievaardigheden, kun je css toevoegen het rechter Meer tabblad.

U kunt vulling en randradius toevoegen aan de cel.

padding-css

 

Cellen, regel, kolommen hebben coördinaten om elke kolom te identificeren en aangepaste CSS toe te passen. R is rij, C is kolom. Hier is het rij 1 (r1), kolom 4 (c4) = dtr1 dtc4

css-coördinaten

 

De CSS-code is gekleurd met behulp van codespiegel. De CSS-code kan minder code zijn, het werkt ook!

css-maat-table

 

 

IV. GRAFIEK VAN TABELLEN

4.1 Maak een tabel met gegevens

U kunt diagrammen genereren op basis van tabelgegevens in uw inhoud. Maak eerst een tabel met gegevens om de grafiek te genereren.

De tabel hoeft niet met het diagram in uw inhoud te worden weergegeven en u kunt vanuit één tabel meerdere grafieken genereren.

 

Maak je selectie om een ​​grafiek te genereren. Hier is de hele tabel geselecteerd.

chart-table

 

Klik vervolgens op een nieuw diagram toevoegen. Er wordt een diagram gegenereerd met inachtneming van het gegevensbereik dat u hebt geselecteerd. Aan de rechterkant kunt u het grafiektype selecteren.

generate-chart

 

De grafiek wordt dynamisch bijgewerkt met betrekking tot de gegevenswijziging in de tabel, u hoeft deze niet opnieuw te genereren.

 

4.2 Grafiekparameters

Zodra uw grafiek is toegevoegd, heeft u enkele opties in de rechterkolom.

chart-instellingen

 

De Wissel rij / kolom is alleen beschikbaar als u alleen nummers in de dataset hebt geselecteerd. U mag gegevens omwisselen van kolommen naar rij.

De Gebruik de eerste rij / kolom als labels parameter stelt u in staat om een ​​label toe te voegen aan uw grafiek.

chart-titels

 

Dan heb je opties om breedte / hoogte in te stellen, uit te lijnen, kleur van je grafiek.

 

V. DROPTABLES PARAMETERS & TRUCS

5.1 Parameters

Ga naar binnen voor toegang tot de globale Droptables-parameters Component> Droptables> Opties

droptables-paramaters

 

In de opties kunt u het volgende definiëren:
 

  • De tabelcategorieën accordeon automatisch sluiten
  • Schakel de Excel-import / export in
  • Kies het exportformaat

droptable-settings2

 

  • Schakel de tooltip in op cellen
  • Schakel de automatische opslag in in AJAX, anders heb je een Bewaar de knop Wijzigingen
  • Tabeltoegang inschakelen: Schakel toegang tot de tabel in (ACL). Hiermee kunt u toestemming voor tabelbewerking beperken op basis van Joomla-gebruikersgroepen
  • Cel-markering: Activeer een kleur op de mobiele muis om een ​​eerste zicht op een celinhoud te zien (alleen regel / Alleen kolom / Beide)
  • Kleur markeren: De cel die de zweefkleur markeert
  • Markeer de kleur van het lettertype: De cel die de tekenkleur van het lettertype accentueert
  • Dekking oplichten: De cel markeert het dekkingsniveau
  • Schakel paneel rechtsboven in: Ja nee
  • Tabel sync periodiciteit: Tabel automatische synchronisatie vertraging voor Excel-bestand of Google Spreadsheets
  • Databasetabel inschakelen: Ja nee

 

5.2 ACL-toestemming

Een Joomla ACL-integratie is beschikbaar. U kunt nu de toegang tot actie of tabel voor tabeleditors beperken. Deze beperkingen zijn van toepassing op alle tabellen.

access-tabellen

 

Als u bijvoorbeeld wilt dat een beheerdergebruiker alleen zijn eigen tabellen opent en bewerkt, stelt u "bewerken" in om de toegang tot "Toegestaan" te weigeren en te bewerken. Je kunt ook beperken:

  • De globale configuratie
  • De interfacetoegang
  • De tabellen maken
  • De tabellen worden verwijderd
  • Editie / eigen editie
Super admin-gebruikers hebben altijd alle editie-rechten voor alle tabellen en categorieën.

 

5.3 Laadtabellen in een aangepaste HTML-module

Droptables is gebouwd om te worden gebruikt in elk WYSIWYG-editorveld, u hoeft alleen de inhoud-plug-in te hebben om te worden gebeld. Meestal is het standaard geactiveerd.

Als dit niet het geval is, zoals in de aangepaste Joomla HTML-module, moet u deze activeren zoals hierboven.

table-in-module

 

Op het tabblad met opties moet u de optie instellen Inhoud voorbereiden op: Ja

 

5.4 Berekening

U hebt een eenvoudige berekeningsimplementatie in Droptables. Beschikbare elementen zijn:

  • SUM, COUNT, CONCAT
  • MIN, MAX, AVG
  • DATE, DAY, DAYS, DAYS360
  • OF, XOR, EN

Om een ​​som te maken, typt u als volgt in een cel (HOOFDLETTER is verplicht): = SOM (A1; B2) of = SOM (A1: B2)

En u kunt het symbool voor de cellenberekening configureren op nummer, geld of datum.

berekenen-settings

 

  • Datumnotaties: Stel datumformaat in voor datumberekeningen
  • Symbool positie: Om de celberekening op geld te maken, definieert u de standaardpositie van het valutasymbool
  • Valutasymbool (en): Om een ​​celberekening op geld te maken, definieert u het standaard valutasymbool
  • Decimaal symbool: Definieer het standaard decimaalteken om de celberekening uit te voeren
  • Decimale telling: Aantal cijfers achter het decimaalteken
  • Duizend symbool: Om de celberekening te maken, definieert u het standaard duizend-symbool

VI. EXCEL EN GOOGLE SHEETS SYNC

6.1 Excel-bestandssynchronisatie

Het is mogelijk om een ​​synchronisatie uit te voeren tussen een tabel die u hebt gemaakt en een Excel-bestand op uw server (waar dan ook). Vanaf het rechter tabblad met de naam "Tabel", kreeg je onderaan een blok om een ​​Excel-bestand te koppelen aan de tabel.

sync-excel-choice

Klik op de Browse-knop, je kunt overal op je server een Excel selecteren, hier is het een bestand dat is geüpload via de mediabeheerder (/ afbeeldingenmap).

file-browse-excel

 

Zodra uw Excel-bestand aan de tabel is gekoppeld, kunt u op Knop Gegevens ophalen om gegevens uit het Excel-bestand te importeren.

fetch-excel-data

 

Opmerking: alleen de gegevens worden uit Excel gehaald, niet de stijlen, dus de algemene stijl van uw tabel blijft onaangeroerd bij het importeren.

 

Waarschuwing: afhankelijk van uw beschikbare geheugen op uw server, kunt u geen grote Excel-bestanden importeren (bijvoorbeeld meer dan 1000 rijen).

 

6.2 Synchronisatie met Google Spreadsheets

Droptables biedt een synchronisatie-mogelijkheid voor Google Spreadsheets. Uw Google-spreadsheets moeten ' gepubliceerd op internet"om te synchroniseren. Open eerst uw blad vanuit Google Drive en publiceer het als webpagina met behulp van het menu Bestand.

publiceren-to-web

 

Vervolgens krijgt u toegang tot de link naar het Google Spreadsheets-bestand, kopieer deze link.

gepubliceerde-koppeling

 

En plak het in Droptables Tabblad "Tabel". U bent klaar! u kunt nu gegevens ophalen van uw Google Spreadsheets.

Google-sheet-data

 

6.3 Automatische synchronisatie van Excel en Google Spreadsheets

Boven de bestandskoppeling kunt u ook een automatische gegevenssynchronisatie activeren. Droptables haalt de gegevens automatisch op met een regelmatig interval.

sync-periode

Nadat het is geactiveerd, wordt een melding weergegeven achter de titel van de tabel.

auto-sync-notification

 

De synchronisatievertraging kan worden ingesteld in de Droptables-configuratie.

 

VII. TABELLEN VAN DATABASE

 

Met Droptables kunt u tabellen maken vanuit uw databasetabellen. Van de instellingen van het onderdeel zou u dat moeten doen Databasetabel inschakelen.

databank-config

 

Terug naar het dashboard, ten eerste, u kiest Tabel uit database categorie en klik vervolgens op Maak een tabel , dan worden alle tabellen in uw database hieronder weergegeven. Vervolgens kunt u tabellen en kolommen uit uw database selecteren. Door op besturing te drukken, kunt u verschillende tabellen, kolommen selecteren.

databank-selectie


Bij kolomselectie kunt u een aangepaste titel en een standaardvolgorde voor uw gegevens in de tabel definiëren, wanneer deze aan de openbare kant worden weergegeven.

kolomvormige titleandordering


Vervolgens hebt u enkele opties en filter om op uw tabellen toe te passen:

  • Een standaard paginapaginering (te gebruiken met een grote hoeveelheid gegevens)
  • Aantal rijen voor de paginering
  • Pas wat filter toe op uw gegevens, dat wil zeggen. een kolom kan gelijk zijn, anders ... van een gedefinieerde waarde
  • De mogelijkheid om enkele waarden in de kolommen te groeperen

databank-table-optie


Ten slotte kunt u een voorbeeld bekijken en uw tabel genereren zoals elke andere tabel. Wanneer uw tabel wordt gegenereerd, hebt u nog steeds toegang tot de tabel Databasebron en kunt u bijvoorbeeld een kolom toevoegen aan uw tabel.

Database-tabel gegenereerd

Opmerking: het enige verschil is dat thema's niet op tabellen kunnen worden toegepast, maar u kunt alle weergaven aanpassen zoals in elke andere tabel.