Search for a command to run...
This is very awesome and helpful, though I have an issue with the More Details action button.How we can implement it in card footer as you show in your demo.please reply.
The more details button can be created adding an button type action, like the other APEX Template component plugins
Thanks a lot Rodrigo Mesquita
How do I define the link to be redirected to a page in application as More Action?
This is very awesome and helpful, though I have an issue with the More Details action button.
The more details button can be created adding an button type action, like the other APEX Template component plugins
Oracle APEX already includes Font APEX as the default icon library for Universal Theme. In most cases, that is enough. But in one of my APEX apps, I needed a few icons that were not available there, s
Looking to give your Oracle APEX mobile app a modern, native feel? Here’s a quick hack: add a floating action button that stays anchored at the bottom corner just like in popular mobile apps. This sma
APEX 26.1 has been updated to the Universal Theme. While much of the attention in this release is on AI features, I think the UT improvements are just as important for developers like me who care abou
The apex_barcode package offers a PL/SQL API to generate various types of barcodes. You can output barcodes as SVG (Scalable Vector Graphics) values or as PNG file blobs, making it easy to embed them
Oracle APEX makes it easy to get data on screen fast, but often, the default tabular output isn’t enough. What if you want to highlight statuses, add icons, or display badges all without writing compl
Oracle introduced APEX template components in version 23.1, providing a fantastic way to create custom templates. In this blog post, I'll demonstrate my very first template component plugin and walk you through the simple process of creating stylish cards.
This is the most basic version, featuring just a title and a body.
Let's add some colours
Looks better however, we can enhance its appearance by adding some icons.
Finally, a footer text and an action
Download Dashboard Cards
Import template_component_plugin_com_rodrigomesquita_dashboard_cards.sql file into your application.
Create a page item
Choose Dashboard Cards [Plugin] as a template component type
SELECT 1 id_pk,
'New Members' as title,
to_char((select count(*) from demo_customers)) as card_value,
'50% INCREASE' as footer_text,
'#40af73' as background_color,
'fa-users' as card_icon,
'#ffffff' as font_color,
'2' as page_id
FROM DUAL
union
SELECT 2 id_pk,
'Top Customers' as title,
'7' as card_value,
'20% INCREASE' as footer_text,
'#317ac1' as background_color,
'fa-badge-check' as card_icon,
'#ffffff' as font_color,
'9' as page_id
FROM DUAL
union
SELECT 3 id_pk,
'System Alerts' as title,
'5' as card_value,
'' as footer_text,
'#d83f3f' as background_color,
'fa-bell' as card_icon,
'#ffffff' as font_color,
'10' as page_id
FROM DUAL
union
SELECT 4 id_pk,
'Products on Sale' as title,
to_char((select count(*) from demo_product_info)) as card_value,
'50% SALE!' as footer_text,
'#c78e27' as background_color,
'fa-badge-dollar' as card_icon,
'#ffffff' as font_color,
'6' as page_id
FROM DUAL
union
SELECT 5 id_pk,
'Today''s Orders' as title,
to_char((select sum(order_total) from demo_orders),'FML999G999G999G999G990D00') as card_value,
'' as footer_text,
'#c78e27' as background_color,
'fa-shopping-cart' as card_icon,
'#ffffff' as font_color,
'4' as page_id
FROM DUAL
Clique here to see in action.