Vlastní CSS styly

Na stránkách ObjectGears můžete použít vaše vlastní CSS styly.

Níže uvedený příklad ukazuje nastavení barvy pozadí webpartu ve stránce.

CSS styly můžete definovat v souborech (pokud je zamýšlíte použít na více stránkách nebo mají být závislé na tématu) nebo ve webpartu Skript (pokud daný styl chcete použít jen v konkrétní stránce).

Příklad definice stylu pomocí webpartu Skript

Do stránky přidejte webpart Skript. Smažte mu vlastnost Nadpis a odškrtněte Zobrazit styl webpartů, aby se na stránce nezobrazoval. Na záložce Styly pak definujte vlastní styl. Např.:

.myclass
{
  background-color: grey;
}
/* liché řádky v seznamu zaznamů */
.myclass table.grid > tbody > tr {
  background: #E5FFCC;
}

/*sudé řádky v seznamu zaznamů */
.myclass table.grid > tbody > tr:not(.gtr):not(.gtral):nth-of-type(2n+1),
.bc12
{
  background: #CCFF99;
}

Příklad použití stylu ve webpartu

Ve webpartu, který má styl využít, pak třídu uveďte ve vlastnosti CSS třída.

Při zobrazení stránky je pak styl uplatněněn (zde šedé pozadí webpartu a zelené pozadí řádek gridu).