Загрузка...

Лекция 4 по Lotus Notes 2014-2015 год.


Лекция 4. Разработка страниц

Оглавление

1Введение2

1.1Обслуживание статических HTML-страниц2

2Создание новой страницы3

3Свойства страниц4

4Активные области (hotspots)6

4.1Активные области – кнопки и действия7

4.2Ссылки8

4.2.1Создание ссылки на именованный элемент8

4.2.2Создание Активной области-ссылки9

4.2.3Создание URL-ссылки10

4.3Удаление активных областей10

5Графические карты10

6Содержание страниц11

6.1Импортирование HTML12

6.2Pass through HTML14

6.3Каскадные таблицы стилей15

6.3.1Добавление таблиц стилей16

6.4Форматирование текста21

6.5Слои21

6.6Типы таблиц22

6.6.1Вложенные таблицы23

6.6.2Создание новой таблицы24

6.7Секции или разделы24

6.8Изображения25

6.9Использование графических ресурсов (Image Resources)26

6.9.1Свойства графического ресурса27

6.10Перегружаемые (меняющие свой вид) изображения (Rollover Images)27

7Вычисляемое содержимое страниц (Computed Page Content)28

7.1События (Page events)28

7.2Hide When30

7.2.1Примеры формул31

7.3Вычисляемый текст (Computed Text)32

7.3.1Что могут содержать формулы вычисляемого текста33

8Свойства панели программирования34

9Поиск и замена35

10Всплывающий текст (Text pop-up)36

11Formula pop-up37

Введение

Страницы используются в Lotus Notes для представления статического содержания, а также для встраивания таких компонентов приложений как схемы (outlines), навигаторы (navigators) и представления(views).

Обслуживание статических HTML-страниц

Есть несколько вариантов обслуживание статических HTML-страниц сервером Domino:

Т.к. сервер Domino является также и веб-сервером, вы можете разместить файлы непосредственно в директории DataDominohtml.Например, для открытия файла с именем homepage.html в этом случае в браузере будет использоваться гиперссылка

http://<имя_сервера>/homepage.html

Можно импортировать файлы в базу данных Domino как Ресурс типа Файл (Resources, Files). Например, в базу DDBA6DEMO.nsf импортирован один файл.

Для просмотра страницы в браузере будет использоваться гиперссылка типа

http:// <имя_сервера>/<папка (если не в директории data)>/DDBA6DEMO.nsf/pageheader.html?openfileresource

http://hub/DDBA6/DDBA6DEMO.nsf/pageheader.html?openfileresource

Можно создать страницу в Domino Designer

Обратите внимание, что в первом случае HTML-страницы хранятся как файлы операционной системы, а во втором случае – внутри БД. Поэтому ресурсы, хранимые внутри БД, имеют имя и псевдоним (при необходимости), могут обновляться с использованием шаблонов, реплицироваться на другие сервера Domino как часть БД и защищены всеми механизмами защиты БД.

Итак, страница как компонент приложений Lotus Domino – это элемент дизайна, который похож на форму, но не может иметь поля и использоваться для хранения данных.

Как и файлы HTML страницы, созданные в Domino Designer, содержат форматированный текст, таблицы, встроенные объекты/компоненты ActiveX, Java-апплеты, рисунки, кнопки и графические карты (image maps).

В отличие от файлов HTML страницы в Domino Designer могут содержать также вычисляемый текст (Computed text) и могут использоваться для запуска приложения Lotus Domino.

Кроме того, страницы играют еще одну важную роль – они являются контейнерами для встроенных элементов дизайна, используемых в Domino — представлений, навигаторов, схем. В данном случае они позволяют настроить то, что будет отображаться вокруг представления, навигатора или схемы.

Создание новой страницы

Чтобы создать новую страницу, в Domino Designer в нашей БД открывfем закладку Pages и нажимаем кнопку “New Page”.

Необходимо сначала ввести имя страницы и нажать кнопку Ok.

Внимание! Имя страницы должно быть уникально в рамках БД. Оно не должно совпадать с именем другой страницы, формы, представления или общего ресурса/файла. Рекомендуется использовать соглашение по наименованию компонентов приложения и использовать имена следующих типов – HomePage, MainView, ProductForm и т.п.

Свойства страниц

Чтобы открыть окно свойств страницы, сначала откройте страницу в режиме редактирования. Затем нажмите правую кнопку мыши. Во всплывающем меню выберите пункт Page Properties.

Окно имеет 4 закладки. Первая закладка Page Info содержит общую информацию о странице.

Вторая закладка Background позволяет настраивать цвет фона или фоновую картинку.

Третья закладка Launch дает возможность контролировать, что будет происходить при открытии страницы.

В частности, если страница содержит вложение, ссылку на документ, OLE-объект, то можно настроить запуск (открытие) данного элемента при открытии страницы пользователем в клиенте Lotus Notes:

вложение или OLE-объект используют возможности контейнера объектов Domino,

первая ссылка на документ позволяет вам перенаправить пользователя в любую другую БД Notes, представление или документ.

Выбор фреймсета и фрейма означает, что страница будет открываться в указанном фреймсете и фрейме данного фреймсета. Пример – база After Lesson 35, страница About Us.

Четвертая закладка Security содержит только одно свойство Available to Public Access users. Пользователи Public Access – это группа пользователей, которые не имеют доступа к базе данных, но могут использовать элементы дизайна, которые помечены как Available to Public Access .

Им назначаются права в ACL БД (обычно при помощи – сущностей Default или Anonymous) к тем элементам дизайна, которые помечены как Available to Public Access users.

Активные области (hotspots)

Активные области могут быть нескольких видов, но все они используются для обеспечения взаимодействия пользователя со страницей или формой. Когда пользователь кликает на текст, рисунок, кнопку, происходит какое-либо событие. Это может быть:

Навигация. Открывается какой-то другой компонент приложения – например, ссылка на БД, представление или документ; URL; именованный элемент (такой как страница, представление). Это классическая гиперссылка.

Навигация или старт другого процесса. Активные области запускают простые действия (simple action), т.н. @-команды и @-функции (@Command, @Function), код на языке Lotus Script или Java Script.

Информирование или помощь. Всплывающий текст (text popup) появляется, когда пользователь наводит или кликает на активную область.

Существует несколько пять типов активных областей:

Кнопка (button). После щелчка по ним мышью выполняется действие. Выпол­няющийся код может быть написан с использованием формул, LotusScript, JavaScript или простых действий.

Действие (Action). После щелчка мышью выполняется действие. Код активных областей-действий может быть написан с использованием формул, LotusScript, JavaScript или простых действий.

Ссылка (Link). После щелчка мышью вызывается другой объект.

Всплывающий результат формулы (Formula popup). Отображается текст, создан­ный с помощью формулы.

Всплывающий текст (Text popup). После щелчка мышью отображается текст.

Активные области – кнопки и действия

Активные области-кнопки и активные области-действия отличаются только внешним видом. Кнопки отображаются в виде кнопок, а действия имеют вид подсвеченного текста.

Поскольку функциональность всех активных областей одинакова, рассмотрим только активные области-кнопки. Их, вероятно, используют чаще всего. Чтобы создать активную область-кнопку, выполните следующие действия.

Откройте страницу, форму, подформу, на которую вы хотите поместить актив­ную область-кнопку.

Поместите курсор в то место, где должна располагаться кнопка.

Выберите пункт меню Create, Hotspot, Button (Создать, Активная область, Кнопка).

Введите заголовок кнопки в поле Label (Метка).

При желании укажите другие атрибуты, такие, как размер, фон, стили и т. п.

На Панели программирования укажите среду, в которой кнопка будет использо­ваться (Client или Web) (в раскрывающемся списке Run (Запуск)). При выборе варианта Client становятся доступны следующие опции.

Simple Actions (Простые действия)

Formula (Формула)

LotusScript

JavaScript

Common JavaScript

Если вы выберете вариант Web, будут доступны следующие опции.

JavaScript

Common JavaScript

Сохраните и протестируйте страницу или форму.

Презентация – DDBA6DEMO.nsf, страница BetaHomeMenu и страница Hotspots

Ссылки

Cсылки (link) предоставляют простой, но мощный способ быстро и просто открыть web-сайт или объект Notes, такой, как база данных, представление или документ. ссылка может быть текстовой или графической. Domino автоматически преобразует ссылки в гиперссылки, работающие в Web.

Существует несколько типов ссылок, и несколько способов определить способ работы ссылки. Ниже приводится список типов ссылок, которые вы можете создавать.

Named Element (Именованный элемент). Ссылаться можно на такие именованные элементы, как формы, наборы фреймов, папки, навигаторы, страницы и представления.

URL Link (Ссылка-URL). Ссылка на жестко указанный URL.

Hotspot link (Ссылка-активная область). Ссылаться можно на такие элементы Domino, как анкеры (anchors), документы, представления и базы данных.

Создание ссылки на именованный элемент

Чтобы создать ссылку на именованный элемент, выполните следующие шаги.

1.   В Domino Designer выберите элемент дизайна, на который вы хотите создать ссылку.

Выберите пункт меню Edit, Copy as Link, Named Element (Редактирование, Скопировать как ссылку, Именованный элемент).

Откройте форму, подформу или страницу, которая будет содержать ссылку.

Выделите текст или изображение, которое будет выступать в роли ссылки, и выберите пункт Create, Hotspot, Link Hotspot (Создать, Активная область, Активная область-ссылка).

На закладке Hotspot Info (Информация об активной области) из раскрывающегося списка Туре (Тип) выберите Named Element (Именованный элемент). После этого выберите нужный элемент дизайна.

При желании укажите для ссылки целевой фрейм.

При желании укажите опцию Show Border Around Hotspot (Показывать границу вокруг активной области), чтобы вокруг ссылки отображалась рамка. Это свойство не поддерживается в Web.

Внимание! Поскольку ссылки типа Named Element связаны только с именем объекта, они будут не­верны, если имя объекта изменится. Чтобы предотвратить нарушения ссылок, обязатель­но используйте псевдонимы.

Создание Активной области-ссылки

Активные области-ссылки весьма мощны и просты в использовании. Они позволяю ссылаться на документ, представление или базу данных по уникальному ID этого объекта, и, следовательно, они не нарушаются при изменении имени объекта. Чтобы создать ссылку на документ, представление или базу данных, выполните следующие шаги.

Откройте элемент (документ, представление или базу данных) для которого вы хотите создать ссылку.

Выберите пункт меню Edit, Copy as Link (Редактирование, Скопировать как ссылку). Выберите соответствующий тип ссылки.

Выделите текст или изображение, которое будет играть роль ссылки.

Выберите пункт меню Create, Hotspot, Link Hotspot (Создать, Активная область, Активная область-ссылка).

На закладке Hotspot Info (Информация об активной области) выберите тип активной области — Link (Ссылка)

Нажмите на значок вставки.

При желании, укажите для ссылки целевой фрейм и установите опцию Show Border Around Hotspot (Показывать границу вокруг активной области).

Создание URL-ссылки

В URL-ссылке для доступа к ресурсу используется Универсальный локатор ресурсов (Uniform Resource Locator, URL). Помните, что если URL изменится, ссылка окажется нерабочей. Чтобы создать URL-ссылку, выполните следующие шаги.

Откройте форму, подформу или страницу, содержащую текст или изображение, которое будет использоваться в качестве URL-ссылки.

Выделите текст или изображение, которое будет играть роль ссылки.

Выберите пункт меню Create. Hotspot, Link Hotspot (Создать, Активная область, Активная область-ссылка).

На закладке Hotspot Info (Информация об активной области) в окне свойств Hotspot Resource Link (Активная область-ссылка на ресурс) выберите тип ссылки — URL.. Введите полный URL (в том числе, протокол). Например, http://www.ibm.com.

При желании установите опцию Show Border Around Hotspot (Показывать границу вокруг активной области), если вы хотите, чтобы вокруг ссылки изображалась Рамка. (Это свойство не поддерживается в Web).

Удаление активных областей

Через меню Hotspot – Remove Hotspot.

Графические карты

Графические карты (image maps) – это то же самое, что и активные области, только вы можете иметь несколько активных областей на одном рисунке. В зависимости от кода, который вы будете писать для каждой активной области, графическая карта может работать и в клиенте Lotus Notes, и в браузере.

Сначала вставьте сам рисунок с диска (CreatePicture) или из ресурсов БД (CreateImage Resource) .

Для создания активной области на странице нажмите правую кнопку мыши на рисунке и выберите пункт Add Hotspot Rectangle. Выделите область и настройте для нее свойства. Проверьте, что созданные вами области не пересекаются.

Для удаления активной области выберите пункт основного меню Picture – Delete Selected Hotspot.

Презентация – DDBA6DEMO.nsf, страница Hotspots

Содержание страниц

Можно выделить две основные категории того, что вы можете вставлять на страницу.

HTML. Вы можете создать страницу, используя HTML-тэги. Вся страница может быть определена как HTML или вы можете устанавливать свойство Pass through HTML для определенных кусочков текста. Поскольку клиент Lotus Notes также может интерпретировать HTML, вы сможете иметь полный контроль над внешним видом страницы.

Вариант WYSIWYG. Он включает визуальное форматирование страницы по принципу «что вижу, то и получаю» для текста, таблиц, слоев, рисунков и любого динамического контента, включающего вычисляемый текст, секции, скрытый текст и т.д. При открытии страницы в браузере сервер конвертирует содержимое в формат HTML, таким образом, чтобы максимально сохранить форматирование, заданное на этапе разработки страницы.

Также вы можете использовать комбинацию двух этих вариантов, однако будьте внимательны:

если вы установите свойство Pass through HTML не для HTML-текста, сервер Domino не сможет конвертировать содержимое;

если вы установите свойство страницы Web Access/ Content Type в значение HTML, то все элементы, не являющиеся HTML-тэгами (такие как форматирование текста, таблицы, секции) будут игнорироваться.

Внимание! Установите свойство страницы Pass through HTML, если вы хотите, чтобы HTML правильно интерпретировался в клиенте Lotus Notes.

Импортирование HTML

Если вы уже создали содержимое страницы в другом HTML-редакторе, то вы можете импортировать HTML-файл.

Вставка HTML как ресурса. Если вы хотите использовать HTML-файл в нескольких местах вашего приложения, вам будет удобно хранить его как ресурс. Для этого откройте ваше приложение в Domino Designer (закладка Ресурсы / Файлы) и добавьте ваши HTML-файл(ы) в качестве нового файлового ресурса.

Импортированные файлы появятся в списке:

Кроме того, в импортированном HTML-файле даже могут использоваться графические ресурсы (Image Resources).

Для использования импортированного файла в форме или странице, поместите курсор в то место страницы (формы), где вы хотите, чтобы он отображался. В меню выберите пункт Create– Resource — Insert Resource или Create — Insert Resource. Вы увидите диалоговое окно:

Выберите пункт HTML Files. Вы увидите список файловых ресурсов, хранящихся в вашей базе. Выберите нужный файл и нажмите кнопку Ok.

Вы увидите изображение палитры:

Если вы откроете страницу в Lotus Notes или браузере, то увидите результат вставки импортированного HTML-файла на страницу – рисунок и заголовок «Books Unlimited» попали на страницу из HTML-файла, а «Welcome to our site!» с самой страницы.

Презентация – DDBA6DEMO.nsf, страница Welcome

Если вы хотите поменять ресурс, дважды кликните на изображении палитры и в открывшемся окне выберите новый ресурс.

Если у вас появится необходимость изменить содержимое ресурса (при условии, что имя ресурса не изменится), вы будете делать это только один раз – в самом ресурсе. Содержимое всех элементов дизайна (страниц и/или форм), использующих данный ресурс, обновится автоматически.

Pass through HTML

Чтобы использовать Pass through HTML, выделите HTML-код и выберите в меню TextPass through HTML. Фон у выделенного текста станет серого цвета. Это видно на примере тэга <p> в предыдущем примере.

Для удобства редактирования HTML есть специальный редактор. Чтобы его открыть встаньте курсором в любое место вашего HTML-кода и выберите пункт меню ViewHTML Pane. В редакторе вы увидите только тот кусочек HTML-кода страницы, а котором находился курсор.

В редакторе две панели. Верхняя панель, обновляемая при нажатии кнопки Refresh, отображает результат Pass through HTML. Нижняя часть используется непосредственно для редактирования HTML-кода.

Когда вы вводите “<”, появляется всплывающее окно с подсказкой – HTML-тэгами. Нажмите Esc, чтобы вернуться обратно на страницу, которую вы редактировали.

Возможно, вы встретите использование квадратных скобок вокруг выделенного с помощью Pass through HTML текста, например, “[<p>]”. Это часто встречается при генерации HTML-кода программным путем. В частности, при использовании вычисляемого текста (computed text) или полей, вычисляемых для отображения (computed for display field). Функционально это то же самое, что и использование Pass through HTML.

Каскадные таблицы стилей

Каскадные таблицы стилей (Cascading Style SheetsCSS) позволяют разработчику упростить управление внешним видом страниц – типом и цветом шрифтов, используемым при оформлении страниц. Преимущество CSS состоит в том, что вы можете использовать одну и ту же таблицу стилей для всех страниц вашего приложения. Чтобы внести изменения в оформление страниц, вы должны изменить только таблицу стилей.

В дополнении к использованию внешних таблиц стилей в Domino Designer такие элементы как рисунки, таблицы, ссылки и поля на формах имеют HTML properties (последняя закладка окна свойств данного элемента). Здесь вы можете определить CSS-атрибуты для данного элемента.

Свойство

Описание

Name (Имя)

Используется для уникальной идентификации страницы. Это имя будут видеть пользователи, и оно будет использоваться для обращения к странице при написании программного кода.

Обратите внимание, что имя на рисунке разделено вертикальной чертой (|). Это позволяет для любого элемента дизайна (в т.ч. и страницы) задать псевдоним (alias). Имя страницы может быть изменено, в то время как псевдоним рекомендуется не менять, а при написании программного кода и в ссылках использовать именно псевдоним.

Если вы хотите скрыть страницу от пользователей, то возьмите все имя, включая псевдоним, в круглые скобки – (ExamplePage | MainPage). Этот прием работает и для других элементов дизайна.

Comment

Короткий комментарий, который вы можете использовать, чтобы напомнить себе цель создания данного элемента дизайна. Его видно в списке страниц.

No Initial Focus

Если установлено, то страница не получает первоначальный фокус внутри фреймсета.

No Focus on F6

F6 может использоваться для переключения между фреймами в приложении. Если свойство выбрано, то при нажатии F6 фокус не переходит на эту страницу.

Render pass through HTML in Notes

Позволяет правильно форматировать текст, который был помечен как HTML (через меню Text – Pass Through HTML) для клиента Notes.

Web access

Content type:

Notes

Other

Влияет на способ генерации содержания страницы для клиентов.

Выберите Notes, если вы хотите использовать форматирование «что вижу, то и получаю». При этом сервер Domino предпримет попытку сгенерировать страницу с использованием того форматирования, который вы задали на этапе разработки страницы.

Выберите HTML, если вы хотите использовать на странице только HTML-код. Все, что есть на странице, рассматривается как HTML-тэги. Все, что не является HTML-тэгами (например, вставленные картинки, нарисованные таблицы или кнопки) игнорируется.

Если вы хотите использовать Pass Through HTML только для определенного текста и использовать преимущества разработки страниц с помощью визуального редактора Domino Designer «что вижу, то и получаю» в некоторых частях страницы, а также встроенные элементы, то установите для этого свойства значение Notes. Затем выделите HTML и для него выберите TextPass Through HTML.

Character set

Позволяет устанавливать таблицу символов, которую браузер будет использовать при отображении страницы. В настоящее время этот параметр не очень актуален, так как большинство браузеров автоматически выбирают таблицу символов.

Links

Позволяет настраивать цвет ссылок на странице в различных состояниях.

Добавление таблиц стилей

Вы можете ссылаться на внешний файл CSS (который не хранится внутри БД), а можете создать каскадную таблицу стилей как ресурс БД. Затем вы можете его использовать на всех страницах вашей БД.

Чтобы создать новый CSS-ресурс, откройте БД в дизайнере и перейдите на закладку Resources / Style Sheets. Здесь вы можете создать новый CSS-ресурс или импортировать CSS-ресурс. Вы можете также отредактировать CSS-ресурс с помощью внешнего или встроенного в Domino Designer редактора.

После добавления CSS вы можете использовать ее для оформления страниц и форм вашего приложения.

Также вы можете встроить таблицу стилей в страницу. Для этого откройте страницу и установите курсор в начало страницы (до текста, для которого используется Pass through HTML).

Выберите пункт меню CreateInsert Resource, в открывшемся диалоговом окне Current Database, тип ресурса Style Sheet и нужную вам таблицу стилей и нажмите Ok.

В результате на странице появится символ с буквой “A” (пример в БД – After Lesson 35, страница CSSExample).

Если вы откроете страницу в браузере, то вы увидите, что она содержит ссылку на таблицу стилей.

Чтобы заменить ресурс, дважды щелкните на нем мышкой.

Второй вариант добавления таблицы стилей – это вставка ресурса внутрь события HTML Head.

В результате ссылка на CSS будет стоять внутри тэга <HEAD> страницы.

Форматирование текста

Если вы не хотите вручную писать HTML-код, вы можете использовать окна свойств текста для форматирования текста и абзацев. Domino конвертирует текст в HTML для браузеров. Большинство свойств работают в клиентах обоих типов – Lotus Notes и браузер. Некоторые эффекты, например, тень для текста и выделение текста – только в родном клиенте.

Презентация — DDBA6Demo, страница TextFormating

Слои

Страницы и формы также могут содержать слои текстовой и графической информации, которые перекрывают основной слой и другие слои. Вы можете контролировать перекрывание слоев и их взаимное расположение.

Чтобы создать слой, выберите пункт меню CreateLayer. Появится прямоугольник, размер которого вы можете изменять. В окне свойств слоя вы можете установить размер и цвет фона, Z-индекс для случая использования нескольких слоев (чем больше значение индекса, тем ближе к нам он отображается).

Чтобы добавить текст внутрь слоя, кликните внутри слоя и начинайте вводить его. Вы можете добавлять текст, изображения, таблицы и т.д.

Для управления несколькими слоями можно использовать дерево слоев – пункт меню DesignLayer Tree.

Презентация – PAL35, страница LayerExample.

Внимание! Проверить, как работают слои в родном клиенте и браузере.

Типы таблиц

Вы можете использовать таблицы фиксированной ширины или меняющие размер динамически в зависимости от размера окна. Также вы можете создавать таблицы, у которых фиксирована ширина одной колонки, и ширина остальных меняется динамически в зависимости от размера окна. Также вы можете использовать колонки, размер которых определяется содержимым.

Есть пять основных типов таблиц, отличающихся тем, что пользователь может видеть все строки или только одну строку таблицы в один момент времени.

Атрибут

Функция

Name / ID

Здесь можно указать имя элемента для дальнейшего управления внешним видом элемента с помощью таблицы стилей

Class

Идентифицирует элемент как участника группы элементов, для которых определена таблица стилей

Style

Здесь вы можете ввести сами описание стиля для элемента, например, для добавленного Hotspot:

text-decoration:none; font-weight:bold

Это описание убирает подчеркивание, но делает ссылку жирной

Title

Обеспечивает дополнительную информацию об элементе и может использоваться поисковиками. Не путайте это свойство с тэгом <Title>, который используется для определения заголовка страницы.

Other

Позволяет вам добавить какие-либо другие атрибуты. В отличие от предыдущих атрибутов здесь вы должны указать и имя атрибута, и его значение, например, weight=”2”

Презентация — база Project After Lesson 7, страница TempHomePageCSS_Tables, форма TableExampleForm – программируемая таблица.

Презентация — DDBA6Demo, страница TextFormating и TimedTable

Вложенные таблицы

Таблицу можно вставлять в другую таблицу. Пример на рисунке.

Создание новой таблицы

Выберите пункт меню CreateTable. В этом окне вы можете задать тип таблицы (один из пяти рассмотренных выше), указать количество строк и столбцов. В дальнейшем вы сможете настраивать свойства всей таблицы, а также колонок и отдельных ячеек с помощью окна свойств.

Также вы можете объединять ячейки. Для этого надо выделить ячейки, которые вы хотите объединить, а затем выбрать пункт меню TableMerge Cells.

Презентация — база Project After Lesson 7, страница TempHomePageCSS_Tables – обсудить свойства таблицы и ячеек

Секции или разделы

Секции (разделы) используются для скрытия части страницы. Для того чтобы просмотреть содержимое внутри секции, надо нажать на треугольник.

Секции работают хорошо в обоих клиентах. Секции позволяют организовывать содержимое страницы или формы. Пользователи могут скрывать или отображать содержимое секций, нажимая на треугольник рядом с заголовком секции или через меню View Expand / Collapse All Sections.

Чтобы создать новую секцию, выделите ту, информацию, которая будет свернута внутри секции и выберите в меню CreateSection. Секции могут быть даже внутри ячейки таблицы.

Вы можете настраивать для секции:

заголовок,

тип разделителя между заголовком и содержимым секции,

условия свертывания или разворачивания содержимого секции, а также отображения или скрытия секции.

Для удаления секции без удаления содержимого внутри нее выберите SectionRemove Section. Для удаления вместе с содержимым EditCut.

Презентациябаза Project After Lesson 7, страница TempHomePageCSS_Tables

Изображения

Изображения могут использоваться в различных местах – как фон страницы или формы, в таблицах, в схемах, в графических картах, в кнопках.

Внимание! Если вы хотите, чтобы настройки цветов в клиенте Notes и браузере совпадали, выберите в настройках FilePreferencesUser PreferencesAdditional Options свойство Use Web Palette — проверить.

Для веба желательно использовать изображения в формате GIF и JPEG. Следите также за размером картинок.

Для добавления картинки выберите пункт меню CreatePicture. Откроется диалоговое окно, в котором вы сможете выбрать изображение. Для вставленной в страницу/форму картинки вы можете настроить различные свойства:

В частности, это опции размещения картинки относительно текста (Text wrap), масштабирование, альтернативный текст (отображается в браузере, если отключено отображение картинок или на этапе загрузки страницы), подпись к картинке и т.д.

Презентация – пройтись по всем закладкам и объяснить свойства.

Использование графических ресурсов (Image Resources)

Если вы планируете использовать изображение в нескольких элементах – на страницах, формах, в таблицах, вы можете хранить его как графический ресурс. Это дает следующие преимущества:

изображение может использоваться в нескольких местах приложения, но храниться только один раз в БД,

изображение может использоваться обоими клиентами – Lotus Notes и браузер – и кэшироваться сервером для ускорения формирования страниц,

свойства изображения настраиваются индивидуально при каждом использовании,

с использованием @Function можно узнать имя графического ресурса, это позволяет динамически отображать разные изображения при необходимости,

изображение становится частью дизайна БД и может обновляться автоматически в любых других базах, использующих общий шаблон,

изображение реплицируется вместе с базой и вам не нужно беспокоиться о копировании изображений отдельно на удаленные серверы.

Добавление графического ресурса (Image resource) происходит на закладке ResourcesImages.

При добавлении графического ресурса на страницу или другой компонент приложения проверьте, что в данной позиции не включено свойство Pass through HTML.

Вы можете использовать как графические ресурсы из текущей БД, так и из других доступных БД.

Презентация – показать добавление изображения в базе PAL7.

Свойства графического ресурса

Вы можете использовать псевдоним и комментарий. Помните, что масштабирование и альтернативный текст устанавливаются отдельно при каждом использовании изображения, то есть изображение и инструкция по его отображению хранятся отдельно.

Псевдоним может использоваться вами в программном коде или в URL.

Перегружаемые (меняющие свой вид) изображения (Rollover Images)

Иногда требуется, чтобы изображение менялось в зависимости от поведения мыши. Для этого могут использоваться графические ресурсы, содержащие от 2 до 4 изображений. Каждое изображение представляет отдельное состояние:

то, что отображается по умолчанию,

при наведении мыши на изображение (mouse over),

когда пользователь выбирает изображение,

когда пользователь нажимает на изображение (mouse down).

Презентация – DDBA6Demo, страница Hotspots и Rollover с объяснением как сделано.

Вы можете указать, сколько изображений хранится в одном файле на закладке Advanced окна свойств ресурса.

Вычисляемое содержимое страниц (Computed Page Content)

Итак, страницы являются хорошим средством обслуживания статического контента. Однако в страницах заложены возможности использования таких динамических элементов как:

текст, скрываемый/отображаемый при определенных условиях,

всплывающий текст,

вычисляемый текст.

События (Page events)

Большинство событий для страницы вы можете увидеть на закладке объектов панели программирования.

Вы можете добавлять код к таким событиям как:

Отображаемые строки

Описание

Отображаются все строки

Стандартная таблица с границами или без

Отображается одна строка в один момент времени – Переход между строками таблицы по клавише Tаб (Таблица с закладками)

Обычно одна колонка и несколько строк, переключение между строками происходит с помощью клавиши табуляции.

Отображается одна строка в один момент времени – Выбор строки по заголовку (Таблица из секций)

Похоже на секции, каждый ряд раскрывается и сворачивается, когда пользователь нажимает на заголовок.

В браузере выглядит как таблица с закладками

Отображается одна строка в один момент времени – По времени

Один ряд в один момент времени, в зависимости от временных настроек частоты смены строк.

Эффекты исчезновения и появления строк указываются с помощью свойств Wipe и Explode

Не поддерживаются браузерами.

Отображается одна строка в один момент времени – Управление отображением строки происходит программно

Работает только в формах, так требует наличия поля с именем $ИмяТаблицы. Оно содержит значение от нуля до (количество строк-1). Имя таблицы указывается в окне свойств таблицы на закладке HTML.

Презентация – DDBA6Demo, страница TestPageEvents клиенте Lotus Notes.

Hide When

Почти каждый элемент, добавляемый на страницу или форму, может быть скрыт при определенных условиях. Для настройки используется закладка Hide When окна свойств текста.

Текст скрывается на уровне абзаца, а изображения и кнопки на уровне самих элементов.

Текст может быть скрыт в зависимости от типа клиента, например, от клиента Notes 4.6 и выше или браузера или от пользователей, работающих с мобильного телефона или PDA. Это позволяет программировать различный интерфейс для разных клиентов.

Скрытие в зависимости от состояния документа. Все эти настройки работают в клиенте Notes и только опции «открыт для чтения» и «открыт для редактирования» работают в браузере.

Скрыть, если формула приняла значение истина. Здесь обычно используются условия скрытия, базирующиеся на идентификации пользователя, типе клиента, версии Notes и т.д.

Презентация – DDBA6Demo, страница TestHideWhen

Презентация – Работа с редактором формул, с LotusScript – подсказки (117)

Примеры формул

Значение TRUE в данном случае означает, что элемент будет скрыт.

Различные настройки Hide When работают совместно – элемент не будет скрыт, если ни одно из условий скрытия не выполнено.

Иногда бывает удобнее вместо «Скрыть, когда» использовать «Отображать, если». Для этого достаточно вначале формулы поставить отрицание – восклицательный знак“!”.

Внимание! Использование большого количества условий скрытия уменьшает производительность страницы или формы. Помните, что вы можете вызывать функцию @Command([RefreshHideFormulas]) по нажатию на кнопку или какому-либо другому событию, чтобы вручную обновлять условия скрытия элементов.

Презентация – DDBA6Demo, страница TestHideWhen

Вычисляемый текст (Computed Text)

Вычисляемый текст позволяет разработчику вставлять формулу на страницу, где отображаются результаты вычисления значения формулы для читателей документа.

Чтобы добавить вычисляемый текст на страницу, выберите пункт меню CreateComputed Text. На странице появится значок <Computed Value>.

На панели программирования вы можете ввести формулу.

Также вы можете нажать на закладку Reference Tab, чтобы выбрать @-функцию или имя поля из списка. Чтобы узнать больше о функции в режиме редактирования формулы, выберите функцию и нажмите F1. Чтобы вставить функцию или поле в формулу просто кликните на нее дважды мышкой или нажмите кнопку «Paste».

Для удаления вычисляемого текста встаньте не него и нажмите кнопку Del или выберите пункт меню Computed TextRemove Computed Text.

Что могут содержать формулы вычисляемого текста

Строки и строковые переменные

Временные переменные (тип переменной определять нет необходимости, она создается как variant)

Определенные @Function, которые оперируют со строками, числами, временными значениями и списками

Abbreviated — сокращенный

Свойства панели программирования

Презентация – свойства панели программирования (123) – можно перенести на лабораторную работу

Делать отступы автоматически

Перечислять членов

Показывать параметры как всплывающие подсказки

Поиск и замена

Поиск внутри страницы или формы

Поиск внутри кода

Презентация

Есть возможность поиска элемента по всем элементам дизайна. Для этого надо установить специальный плагин.

Всплывающий текст (Text popup)

Пример на рисунке. Чтобы создать всплывающий текст выберите пункт меню CreateHotspotText popup. Введите текст, который вы хотите видеть в качестве всплывающей подсказки. Вы можете настроить условия отображения подсказки – при нажатии или наведении мыши, а также стиль отображения.

Используются только в клиенте Lotus Notes.

Formula pop-up

Всплывающий текст – это статичный элемент. Formula popup позволяет разработчику включать @Functions для формирования динамической подсказки. Используются только в клиенте Lotus Notes.

Презентация – DDBA6DEMO, страница Hotspots

Язык

Событие

Язык формул

Lotus Script (только для клиента Notes)

JavaScript (для клиента Notes и браузеров)

Загрузка...