How to add Icon/Logo to Button in VBCS

How to add Icon/Logo to Button in VBCS

In this post, we will see how to add Icon/Logo to Button in VBCS.

Let us create a Page with Button in VBCS as shown below:

Also set Chroming property of Button as “Call To Action”.

A screenshot of a computer

AI-generated content may be incorrect.

We will add download Icon to this button.

Click on StartIcon property.

A screenshot of a computer

AI-generated content may be incorrect.

A screenshot of a computer

AI-generated content may be incorrect.

Select Icon.

A screenshot of a computer

AI-generated content may be incorrect.

Click on Icon (File-Image).

Replace this class (oj-ux-ico-file-image) to corresponding to download image class.

A screenshot of a computer

AI-generated content may be incorrect.

For all Oj images classes, refer below link:

https://static.oracle.com/cdn/fnd/gallery/2510.0.1/images/preview/index.html

A screenshot of a computer

AI-generated content may be incorrect.

Copy class for download (oj-ux-ico-download) and replace it with existing image class in button property.

A screenshot of a computer

AI-generated content may be incorrect.

Run the application.

A screenshot of a computer

AI-generated content may be incorrect.

In this way, we can add Logo to the button component.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top