Стили CSS

В WMS службе предусмотрена функция получения данных по клику на карте. WMS сервис способен возвращать данные в HTML формате. В некоторых случаях требуется оформить данные определенным образом. Общепринятый способ стилизации HTML осуществляется с помощью Cascading Style Sheets (css). Для того чтобы задействовать css, в утилите Настройка WMS/WFS ZuluServer 2021 предусмотрена настройка css стилей.

Для настройки стилей css в утилите надо кликнуть в узле дерева Стили css.

Создание css стиля:

В общем случае для создания css стиля требуется:

  1. Перейти на вкладку Стили css.

  2. Заполнить поля Имя и Идентификатор класса.

    • Имя – пользовательское название стиля, выбирается произвольно.

    • Идентификатор класса – уникальная строковая комбинация, используется для связи таблицы со стилем (class).

  3. Нажать Сохранить.

При создании Пользовательского css стиля необходимо:

  1. Выбрать Пользовательский на вкладке Стили css.

  2. Задать требуемые настройки:

    • Интервал ячеек (cellspacing)

    • Внутренние отступы (cellpadding)

    • Толщина границы (border)

    • Цвет фона (bgcolor)

    • Высота (height)

    • Ширина (width)

    • Выравнивание (align)

При создании css стиля из файла:

  1. Выбрать Из файла на вкладке Стили css.

  2. Нажать ... и в стандартном диалоге выбрать css файл.

[Предупреждение]Предупреждение

Идентификатор класса применяется к таблице с данными, возвращаемыми с сервера. Необходимо учитывать это при создании css стиля и указывать идентификатор, эквивалентный объявленному в css файле. Только в этом случае он применится к таблицам.

Изменение css стиля:

  1. Перейти на вкладку Стили css.

  2. Выбрать название редактируемого стиля в списке Стили.

  3. Изменить требуемые параметры.

  4. Нажать Сохранить на вкладке Стили css.

Удаление css стиля:

  1. Перейти на вкладку Стили css.

  2. Выбрать название удаляемого стиля в списке Стили.

  3. Нажать Удалить на вкладке Стили css.

Применение css стиля к WMS слою:

Для того чтобы данные, возвращаемые при запросе к WMS службе, были оформлены в соответствии с объявленным стилем, следует применить стиль css к WMS слою. Для этого:

  1. Перейти на вкладку Слой WMS.Рисунок 86, «Диалог Слой WMS»

  2. В выпадающем списке css диалога Слой WMS выбрать имя ранее объявленного стиля.

  3. Нажать ОК.

  4. Сохранить изменения кнопкой Сохранить или командой главного меню ФайлСохранить.