How to Use Static Application Files as Card List Icons in Oracle APEX

Описание: Learn how to effectively use static application files for custom card list icons in Oracle APEX 20.1 to enhance your application's visual appeal.
---
This video is based on the question https://stackoverflow.com/q/65113305/ asked by the user 'Ingraham' ( https://stackoverflow.com/u/7780233/ ) and on the answer https://stackoverflow.com/a/65313012/ provided by the user 'Ingraham' ( https://stackoverflow.com/u/7780233/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Using Static Application Files as Card List Icon

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Use Static Application Files as Card List Icons in Oracle APEX

Are you struggling to display custom icons in your Oracle APEX application’s card list? If you're using APEX 20.1 and have uploaded your images as static application files, but they aren’t showing up in your card list, you're not alone. This post will guide you through the steps to effectively use these static application files as icons in your card list.

The Problem

You have uploaded images to your static application files and set up a card list with these images tagged appropriately in the Image/Class field. However, when you run your page, the images are not appearing in their designated locations. This issue can arise due to configuration settings in the template associated with your card list.

The Solution

To resolve this problem, you will need to modify the existing template or create a new template for your card list. Below, we break down the steps to guide you through this process.

Step 1: Access the Template Definition

Log into your Oracle APEX application.

Navigate to Shared Components.

Click on Templates.

Locate the template for Cards (the one you’re using for your card list).

Step 2: Modify the Template Sections

Once you’ve found the Cards template, follow these instructions:

List Template Current: This section defines how current list items appear.

List Template Noncurrent: This section is for noncurrent items.

Step 3: Update the Icon Section

Your default template code will look something like this:

[[See Video to Reveal this Text or Code Snippet]]

Replace the section responsible for icons with the following updated code:

[[See Video to Reveal this Text or Code Snippet]]

Step 4: Save Your Changes

Once you’ve made these changes, remember to save the template. These modifications will allow your card list to reference the images you uploaded as static application files. The # IMAGE# placeholder will now correctly point to the icons you intend to display.

Conclusion

Following these steps will help you successfully integrate custom icons into your card lists using static application files within Oracle APEX. This can enhance the visual experience of your applications and provide a more tailored interface for your users. By properly adjusting the template, you can create a more engaging and visually appealing application.

For additional assistance or questions, feel free to reach out to the APEX community or explore more documentation. Happy developing!