Мой CSS работает во встроенном разделе, но не как внешняя таблица стилей

В настоящее время я пытаюсь использовать CSS для стилизации своего приложения в Apex 5. Проблема, с которой я сталкиваюсь, заключается в том, что когда я пишу свой код CSS во встроенном разделе любой страницы в приложении, тогда код CSS работает, но если я напишите код CSS в Блокноте, а затем загрузите файл и укажите ссылку на файл в моем приложении, тогда код CSS не работает. Я написал несколько строк кода CSS, поэтому я просто опубликую один небольшой фрагмент в качестве образца, чтобы вы все могли увидеть мой формат:

body{
  font: bold 12px/16px "Times New Roman";
}

Я загрузил файл в раздел «Статические файлы приложения» на странице «Общие компоненты» приложения. Затем я попытался сослаться на файл в разных местах, например, на уровне страницы и на уровне пользовательского интерфейса, но пока ничего не сработало. Я очень новичок в CSS, поэтому буду очень признателен за любое понимание. Заранее спасибо!


css oracle oracle-apex oracle-apex-5
person Katherine Reed    schedule 12.02.2018    source источник

Ответы (2)


arrow_upward
0
arrow_downward

После загрузки файл должен отображаться в списке статических файлов. В списке файлов есть столбец Reference, содержащий такую ​​строку: #APP_IMAGES#test.css. Скопируйте эту строку и разместите, например, на странице в разделе CSS - File URLs. Это должно работать.

Затем убедитесь, что ссылка на файл работает. Откройте свою страницу и просмотрите список файлов CSS. Одинаковая функциональность присутствует во всех браузерах, но доступна она по-разному. В IE:

  • Нажмите F12.
  • Откройте вкладку Network.
  • Нажмите «Включить захват сетевого трафика» (зеленый треугольник в левом верхнем углу).
  • Перезагрузите страницу. Появится список файлов.
  • Find your file in a list:
    • If the file is not present, then you copied an incorrect link, or you copied it into an incorrect place, etc.
    • Если файл присутствует, обычно он должен иметь статус 200 (столбец Result). Если статус не 200, причин может быть много (в зависимости от статуса).
    • Если файл присутствует со статусом 200, ваше свойство CSS не работает, поскольку оно переопределяется другим CSS. Чтобы определить, с каким, перейдите на вкладку Dom Explorer.
person Dmitriy    schedule 13.02.2018
comment
Благодарю за ваш ответ. Я сделал все, что вы сказали, и файл присутствовал на вкладке «Сеть», но в столбце результатов был статус 404. Как это исправить? - person Katherine Reed; 23.02.2018
comment
@KatherineReed Эту ошибку довольно сложно исправить без доступа к системе. Извините, не могу сказать точное 100% решение. Проблема может быть во многих местах - опечатка в APEX, проблема с веб-сервером, с файловой системой и т.д. - person Dmitriy; 23.02.2018
comment
Спасибо за помощь! Похоже проблема с сервером. Работаем над исправлением этого сейчас, так что, надеюсь, это должно решить проблему. - person Katherine Reed; 28.02.2018

arrow_upward
0
arrow_downward

Вы можете попробовать этот подход:

  1. На сервере перейдите по адресу ORACHE_HOME/apex/images/css (путь может быть другим, но вы можете найти его по расширению .css)
  2. Поместите свой файл здесь
  3. Редактор идентификаторов, в свойствах страницы перейдите в раздел CSS -> File URLs
  4. Напишите путь так: /i/css/new.css (i - вообще псевдоним для вашего каталога изображений)
person Ivan Dubashinskii    schedule 28.03.2019