css - Create Image Button in Oracle Apex 5 -


how can create image button in oracle apex 5 ? using universal theme in application.

i have set button attributes below.

button attributes

but display this.

display

update

after using style="background-image:url(#app_images#holidays.png);background-repeat:no-repeat;" in button attributes field, image display this.

updated_img

instead of full image displays cropped image.

how can fix issue ?

the button templates of universal theme in apex 5.0 css icons only. if need image button small number of buttons, use "text" button template , enter

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

into "label" attribute of button. if want have own image button template, go shared components -> templates , copy existing "icon , text" button template , name "image , text" , use following html markup

<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> 

use "icon css classes" attribute of button specify image.

hope helps patrick


Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -