Проблемы с макетом страницы в Oracle Apex - PullRequest
2 голосов
/ 14 сентября 2011

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

У меня есть простойоснованная на форме страница на основе таблицы.Тем не менее, я хотел бы сделать несколько простых вещей, например сгруппировать определенные поля вместе в форме (информация о телефоне), возможно, добавить изображение и т. Д. Я не вижу способа сделать любую из этих вещей изнутри форма.Например, вот пример страницы What I have now

и вот небольшие изменения, которые я хочу внести (с фотошопом): What I want to have

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

Любая помощь приветствуется.

1 Ответ

5 голосов
/ 15 сентября 2011

Это можно сделать - см. эту демонстрацию (я позволил себе скопировать вашу иконку, надеюсь, вы не против). Это выглядит так:

enter image description here

Как это было сделано

1) Я загрузил изображение в Apex. (В качестве альтернативы он может быть размещен в другом месте).

2) Я создал элемент страницы типа «Показать изображение» со следующими атрибутами:

enter image description here enter image description here enter image description here

Обратите внимание на использование rowspan = 3 в двух местах (обведено желтым), чтобы изображение и его (пустая) метка занимали 3 строки таблицы HTML, которые Apex использует для разметки.

3) Я создал элемент страницы типа «Стоп и стартовая таблица» и поместил его после элемента почтового адреса. Это препятствует тому, чтобы значок телефона занимал то же горизонтальное пространство, что и имя и почтовый адрес, в результате чего элементы телефона перемещались слишком далеко вправо.

4) Я установил свойство «Начать с новой строки» первого элемента телефона на «Нет», чтобы оно отображалось справа от значка. Остальные элементы телефона имеют «Да», поэтому они отображаются ниже первого.

...