Создать кнопку изображения в Oracle Apex 5

Question

Как создать кнопку изображения в Oracle Apex 5? Я использую Универсальная тема в моем приложении.

Я установил Атрибуты кнопок, как показано ниже.

Но показать, как это.

ОБНОВЛЕНИЕ

После использования style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;" в Кнопка Атрибуты поле, отображение изображений, как это.

Вместо полного изображения отображается обрезанное изображение.

Как исправить эту проблему?

Answer 1

Шаблоны кнопки Универсальной Темы в APEX 5.0 иконка только CSS. Если вам нужна изображение кнопка для только небольшого количества кнопок, используйте «Текст» шаблон кнопок и введите

<img src="#APP_IMAGES#holidays.png"> 

в «Label» атрибут вашей кнопки. Если вы хотите иметь свой собственный шаблон кнопки Image, перейти к общим компонентам -> Шаблоны и скопировать существующий шаблон кнопку «и надпись» и назовите его «изображение и текст» и используйте следующий HTML-разметку

<button class="t-Button t-Button--icon #BUTTON_CSS_CLASSES#" #BUTTON_ATTRIBUTES# onclick="#JAVASCRIPT#" type="button" id="#BUTTON_ID#"><img src="#ICON_CSS_CLASSES#"><span class="t-Button-label">#LABEL#</span></button> 

Для указания изображения используйте атрибут «Знаки CSS-классов» на вашей кнопке.

Надежда, что помогает Патрик

Answer 2

Вы пытаетесь определить путь к изображению в поле, используемом для указания класса CSS. Либо создайте класс CSS, который определяет ваше изображение, и используйте его, либо ссылайтесь на изображение непосредственно в поле «Атрибуты кнопок».

например ..

.holidayButton { 
    background-image:url(#APP_IMAGES#holidays.png); 
    background-repeat:no-repeat; 
} 

или

style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;"

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

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image