• Passa al contenuto principale
  • Passa alla barra laterale primaria
  • HOME
  • INIZIA QUI
  • APEXLab
  • CHI SONO

APPin5Minuti

Creare APP Gestionali con Oracle APEX e Low-Code

Crea Applicazioni Gestionali con Oracle APEX e gli strumenti Low-Code.

Oracle APEX: visualizzare un’icona nella colonna di un Interactive Report

Luglio 3, 2021

In questo breve tutorial desidero spiegarti come visualizzare una icona all’interno di una colonna di un Interactive Report.

Il risultato che dovresti ottenere è qualcosa di simile a quello mostrato nella figura sotto, dove in funzione di una condizione (ad esempio lo stato di un task) viene mostrata una icona piuttosto che un’altra.

IN QUESTO ARTICOLO

  • Prima di Iniziare
  • Crea un Interactive Report
  • Configura l’Interactive Report

Prima di Iniziare

A questo link puoi scaricare lo script della tabella che ho usato per fare questo esercizio.

La tabella TABLE_TASKS ha la colonna COMPLETED che può assumere 2 valori:

  • Y significa che il task è completato
  • N significa che il task non è completato

Lo scopo di questo esercizio è quello di creare un’ Interactive Report che mostri per ogni riga, in funzione del campo COMPLETED, un’icona che rappresenti lo stato del task.

Crea un Interactive Report

  • Collegati al App Builder di Oracle APEX e seleziona la pagina che vuoi modificare.
  • Aggiungi un Interactive Report di nome Icon Column Sample
  • Inserisci nell’Interactive Report la seguente Query SQL
select id, 
        task_name, 
        due_date, 
        completed,
        DECODE(NVL(completed, 'N'), 'Y', 'fa fa-check-circle', 'fa fa-times-circle') icon,
        DECODE(NVL(completed, 'N'), 'Y', 'green', 'red') icon_color
 from table_tasks

Come puoi notare, ho inserito due colonne aggiuntive (icon e icon_color) che fanno uso della funzione DECODE.

Se il campo COMPLETED vale Y allora viene restituito la stringa fa fa-check-circle mentre se vale N viene restituita la stringa fa fa-times-circle.

Queste due stringhe rappresentano due icone ben precise di Oracle APEX.

Puoi esplorare l’elenco completo delle icone standard di APEX collegandoti a questo link.

In alternativa, puoi installare l’applicazione gratuita Universal Theme Sample Application, che dovresti trovare sotto le Productivity Apps di APEX.

Configura l’Interactive Report

Se hai seguito tutti i passaggi dovresti aver creato un Interactive Report fatto così.

Se esegui la preview dovresti ottenere questo risultato.

  • Seleziona le colonne ICON e ICON_COLOR e cambiane il tipo ad Hidden Column
  • Seleziona la colonna COMPLETED
  • Vai alla proprietà Column Formatting > HTML Expression e inserisci la seguente stringa HTML
<span class="#ICON#" style="color: #ICON_COLOR#"></span>
  • Oracle APEX sostituirà dinamicamente le stringhe #ICON# e #ICON_COLOR# con i valori restituiti dalla query che abbiamo inserito nella definizione dell’Interactive Report.
  • Salva le modifiche ed esegui la preview.

Bene! Abbiamo ottenuto quello che volevamo!

Puoi anche modificare l’HTML inserendo un testo personalizzato.

<span class="#ICON#" style="color: #ICON_COLOR#">  Stato Task: #COMPLETED#</span>

Questo è il risultato che otterresti inserendo la stringa HTML riportata sopra

TI POTREBBE INTERESSARE:

  • Come migrare le applicazioni da Oracle Forms ad Oracle APEX
  • CPQ in Oracle APEX
  • Come sviluppare applicazioni sicure con Oracle APEX
  • Prevedere l'interesse di un cliente verso un prodotto o servizio con Oracle APEX e Machine Learning
  • Programmare in PL-SQL: guida facile per principianti
  • Come costruire Workflows Approvativi in Oracle APEX

interactive report, oracle apex

Interazioni del lettore

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Barra laterale primaria

BENVENUTO!

Il mio nome è Daniele Trasarti, autore di APPin5Minuti, il blog italiano che parla di piattaforme di Oracle APEX e applicazioni low-code.

Qui troverai tantissimi tutorial e risorse per imparare a sviluppare in pochissimo tempo bellissime applicazioni per gestire i dati ed i processi della tua azienda.

Se vuoi saperne di più inizia da qui.

Seguimi sui social!

  • LinkedIn
  • Twitter

NEWSLETTER

Iscriviti anche tu per far parte della più grande community italiana di persone che amano sviluppare low-code!

api rest appsheet appsheet data sources appsheet views appsheet workflow automation autonomous database build apps cpq crm css cyber security database dynamic layout facebook flowform flows4apex google google cloud interactive grid interactive report javascript list microsoft microsoft access mobile oracle oracle apex oracle cloud oracle rest data service ords pl-sq PL-SQL power apps product configurator sales configurator security social login software gestionale sql theme roller ux woocommerce wordpress workflows

COMMENTI RECENTI

  1. Daniele Trasarti su Come costruire Form Dinamiche in Oracle APEX (Dynamic Layout + APEX_ITEM)

    Ciao Daniele mi spiace, non ho mai avuto questa necessità.

  2. daniele su Come costruire Form Dinamiche in Oracle APEX (Dynamic Layout + APEX_ITEM)

    Ciao Daniele , questo tuo articolo è stato "illuminante" , volevo sapere se ti era capitato e come avevi risolto…

  3. Daniele Trasarti su Oracle APEX: Come importare i dati da un file Excel

    Ciao Simone intendo dire che per caricare i dati in tabella devi eseguire una istruzione di insert e le righe…

  4. simone su Oracle APEX: Come importare i dati da un file Excel

    ciao. "Una volta che hai caricato i dati nella tua applicazione APEX, puoi salvare i record nel database sfruttando la…

  5. Daniele Trasarti su Come costruire Form Dinamiche in Oracle APEX (Dynamic Layout + APEX_ITEM)

    Ciao Francesco grazie a te per il feedback. Ahimè si, non è più raggiungibile perché stava generando molto traffico e…

  6. francesco su Come costruire Form Dinamiche in Oracle APEX (Dynamic Layout + APEX_ITEM)

    Salve Daniele! Grazie per tutti i contributi messi a disposizione. Avrei voluto vedere l'applicazione al link indicato https://apex.oracle.com/pls/apex/appin5minuti/r/dynamic-forms-designer ma non…

  7. francesco su Oracle APEX: Interactive Report + Form Tutorial

    Ciao, tento di andare sui link alle tue demo, tipo https://apex.oracle.com/pls/apex/appin5minuti/r/oracle-apex-library-appin5minuti/interactive-report-with-form ma viene rilasciato il messaggio: Please contact the administrator.…

Copyright © 2023 · APPin5Minuti.it · Privacy Policy · Cookie Policy