Zawsze przydatne – tabele

Tabele są jednym z podstawowych elementów wzbogacających treść artykułów. W wypadku prezentowania większej ilości danych ich użycia wręcz nie da się uniknąć. Korzystając z Joomla!, najlepiej osadzać w tekście tabele za pomocą narzędzi edytora WYSIWYG, takiego jak TinyMCE. Oferuje on użytkownikowi specjalny pasek z zestawem dwunastu przycisków wywołujących okna dialogowe, w których można zdefiniować szereg właściwości tabel oraz ich części składowych – wierszy i kolumn. Szczegółowy opis wszystkich funkcji edytora przedstawiliśmy w poprzednim odcinku cyklu, tym razem ograniczymy się zatem do przedstawienia praktycznej strony zagadnienia.

Wstawiamy i konfigurujemy tabelę

Aby osadzić tabelę w tekście artykułu należy ustawić kursor w odpowiednim miejscu, a następnie kliknąć w pasku narzędzi edytora przycisk Wstaw tabelę. Otworzy się okno dialogowe, w którym określimy podstawowe i rozszerzone właściwości tabeli:

Określamy podstawowe właściwości tabeli

Do tych pierwszych należy przede wszystkim liczba kolumn i wierszy. Kolejne dwa parametry – Rozciągnięcie komórek (Cellpadding) i Odstęp między komórkami (Cellspacing) określają odstęp pomiędzy zawartością komórek a ich brzegiem oraz między samymi komórkami. Położenie tabeli zdefiniujemy z kolei, zaznaczając odpowiednią pozycję listy Wyrównanie (Alignment). Warto także zastanowić się nad wyborem grubości obramowania i wpisać pożądaną wartość w pole o tej właśnie nazwie. Znaczenie przedostatnich dwóch pól umieszczonych w tej zakładce powinno być dla każdego jasne – pozwalają one ustalić wymiary tabeli w pikselach lub procentowo. Jeśli zamierzamy przygotowywanemu zestawieniu danych przypisać specjalną klasę stylu, powinniśmy w tym celu wykorzystać ostatnią z prezentowanych opcji – Klasa (Class).

Opcje zaawansowane

W oknie parametrów tabeli, obok zakładki Ogólne (General), znajdziemy także drugą, służącą zdefiniowaniu opcji szczegółowych – Rozszerzone (Advanced).

Szczegółowe opcje konfiguracyjne tabeli

Korzystając z umieszczonych tu pól wyboru możemy przypisać na przykład naszej tabeli jednowyrazowy identyfikator (ID) lub dodać krótkie streszczenie. Kolejne opcje pozwolą z kolei na daleko idącą ingerencję w wygląd tabeli. Możemy między innymi podać właściwości stylu, które chcemy jednorazowo zmodyfikować (Styl CSS), wybrać obrazek lub kolor tła i obramowania. W tym ostatnim wypadku przyda nam się próbnik koloru:

Wybieramy kolor tła tabeli za pomocą próbnika.

Modyfikujemy właściwości wierszy i komórek

Możliwości modyfikacji sposobu prezentowania danych w tabeli nie kończą się jednak z chwilą jej utworzenia. Za pomocą TinyMCE możemy także zmieniać odpowiednio do naszych potrzeb wygląd poszczególnych wierszy i komórek.

Aby zdefiniować właściwości wiersza, należy zaznaczyć w utworzonej tabeli kilka komórek z jednego rzędu i kliknąć przycisk umieszczony w pasku narzędzi edytora. Naszym oczom ukaże się okno dialogowe:

Modyfikujemy właściwości wiersza tabeli.

Tutaj możemy określić między innymi rolę wiersza w tabeli, wybierając z listy odpowiednie pozycje. Jeśli tekst w danej grupie komórek ma być wyrównany inaczej niż w reszcie tabeli, powinniśmy skorzystać z pola Wyrównanie (Alignment). Nie mniej ważne może okazać się określenie pozycji zawartości w pionie – u góry, pośrodku lub przy dolnej krawędzi komórek. Także w tym wypadku Joomla! umożliwia przypisanie wierszowi odrębnej klasy stylu formatującego – za pomocą pola Klasa (Class) – i zdefiniowanie jego wysokoś.

Zwróćmy jeszcze uwagę, że ustalone właściwości możemy przypisać aktualnie modyfikowanemu wierszowi tabeli, wszystkim rzędom albo na przykład tylko wierszom parzystym. W tym celu należy skorzystać z listy rozwijanej umieszczonej tuż nad przyciskami Zmień (Update).

Podobnie jak w trakcie konfiguracji właściwości tabeli, także teraz możemy określić opcje zaawansowane. W tym celu należy wybrać kartę Rozszerzone (Advanced). Jak widać na poniższej ilustracji, dostępne opcje nie różnią się od omawianych poprzednio:

Zaawansowane opcje konfiguracyjne wiersza tabeli.