Вариант 2. Изменение вида отображения формы согласно стилю портала (CSS)
------------------------------------------------------------------------

Расширение :ref:`extfp-usecases-uc1-label`.
Внешний вид отображения формы меняется согласно стилю портала:

  * шрифт меняется с «Times New Roman» на «DroidSans»;
  * все лейблы выделяются полужирным начертанием;
  * поля ввода становятся прямоугольными без закруглений по краям;
  * меняется минимальная высота полей ввода;
  * все кнопки окрашиваются в зеленый цвет (#1ab394).

.. raw:: html

    <iframe src="../../_static/html/integration/extfp-usecases/uc2/index.html" scrolling='no' height="1000px" width="100%" style="border:1px solid grey;"></iframe>

Исходный код JavaScript и CSS формы аналогичны :ref:`extfp-usecases-uc1-label`.

Исходный код CSS портала для варианта 2:

.. literalinclude:: ../../_static/html/integration/extfp-usecases/uc2/sample.portal.css
    :language: css
    :encoding: utf-8
