Formátování tabulek v inPage

V šablonách našeho redakčního systému inPage máte k dispozici již předem nastavený styl vzhledu tabulek. Ten se liší v závislosti na tom, jakou šablonu pro webovou prezentaci využíváte. V administraci webu však máte k dispozici hned několik možností, jak styl vzhledu tabulek změnit. V tomto návodu si ukážeme jak jednoduše styl tabulky změnit, aby odpovídal přesně vašim potřebám.

Nemáte-li zatím žádné zkušenosti s tvorbou tabulek v administraci inPage, doporučujeme si projít článek Tvorba tabulky ve WYSIWYG editoru.

Responzivní šablony One, Slide, Hanami

Responzivní šablony využívají knihovnu stylů Bootstrap, v rámci které lze tabulky upravovat. Administrace je pro tyto šablony přizpůsobena, takže i samotné formátování tabulek je jednoduché.

Šablona Hanami má více možností stylu tabulky viz článek Předformátovaný styl tabulky - šablona Hanami

Formátování s pomocí WYSIWYG editoru

Vytvořte si tabulku a v panelu nástrojů vyberte Tabulka → Vlastnosti tabulky. V poli třída pak vyberte styl. Výsledný vzhled tabulky si zobrazte na webové stránce. V editoru se formátování neprojeví.

Příklady použití:

<table class="table"> -  je základní styl pro tabulky

<table class="table table-striped"> - střídavé zvýraznění řádků

<table class="table table-bordered"> - ohraničení tabulky

<table class="table table-striped table-bordered"> - kombinace dvou předchozích možností

<table> - bez použití formátování

Úprava přímo ve zdrojovém kódu

Využít lze i další možnosti formátování, ty je ale třeba vepsat přímo do zdrojového kódu tabulky.

Klikněte do tabulky a vyberte v liště nástrojů Zdrojový kód (špičaté závorky). Otevře se vám okno se zdrojovým kódem a aktivním řádkem, kde jste umístili kurzor. Najděte kód <table class="table ..., kde budete upravovat třídu dle příkladů níže.

Příklady použítí:

<table class="table table-hover"> - efekt při přejetí řádku

<table class="table table-condensed"> - tabulka s užšími řádky

<table class="table table-bordered table-condensed table-hover table-striped"> - kombinace více vlastností

Šablony Eris a starší

Šablony Eris a starší mají také připravený vzhled pro tabulku. Nelze jej však nastavit ve vlastnostech tabulky v nástrojích editoru. Použití je opět závislé na přímé úpravě zdrojového kódu, jak již bylo popsáno výše. Vytvořte si tedy tabulku, klikněte do tabulky a vyberte nástroj Zdrojový kód. V HTML kódu najděte tag <table>, kde přidáte třídu tabulka.

<table class="tabulka">

Vzhled tabulky se pak liší dle použité šablony.