1. Vlastní CSS styly

    Článek: AN0002441Aktualizováno:: 23.08.2020

    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).

×