Apex, как создать меню навигации с картинками? - PullRequest
Новая
       2

Apex, как создать меню навигации с картинками?

0 голосов
/ 14 сентября 2018

У меня есть приложение Apex с меню навигации на боковой панели, например:

enter image description here

Можно ли заменить эти удивительные иконки шрифта на некоторые картинки в формате png?

Я попытался вставить тег изображения в конфигурацию элемента списка, но это не сработало: 

 <img src="#APP_IMAGES#fullheart.png"/>

Сгенерированный HTML-код неправильный: 

<span class="fa <img src=&quot;myapp/r/13002/files/static/v1152/fullheart.png&quot;/>"></span>

Заранее спасибо.

1 Ответ

0 голосов
/ 14 сентября 2018

Сгенерированный HTML неправильный, потому что вы поместили HTML-код в место, где движок APEX ожидает найти имя класса CSS.

Чтобы заменить стандартный значок на пользовательский, вам нужно сделать следующее:

  • Перейдите в «Общие компоненты» -> «Шаблоны», найдите там шаблон страницы, который вы используете, нажмите на имя для редактирования.
  • Перейти на вкладку «Каскадные таблицы стилей» -> «Встроенные»

  • Поместите туда код CSS, подобный этому: 

    .my_icon {
    background-image: url("#APP_IMAGES#fullheart.png");
}
  • Вернитесь в свойства элемента меню навигации и поместите имя класса CSS (my_icon) в свойство «Изображение / класс».

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

...