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

APPin5Minuti

Come Creare Applicazioni Enterprise Low-Code

Impara a creare Applicazioni Aziendali grazie alle piattaforme di sviluppo 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
  • Oracle APEX APPs: come creare una APP To-Do List
  • Programmare in PL-SQL: guida facile per principianti
  • Come sviluppare applicazioni sicure con Oracle APEX
  • Product Configurator in Oracle APEX
  • Prevedere l'interesse di un cliente verso un prodotto o servizio con Oracle APEX e Machine Learning

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

Pensi di non essere in grado? Perché non provi adesso a creare la tua prima applicazione in 5 minuti?

Fidati, non dovrai scrivere nemmeno una riga di codice! 

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 bid data classic report cpq css document management system dynamic layout facebook flowform flows4apex flows for apex full stack development google google cloud google drive google workspace interactive grid interactive report javascript json linkedin list machine learning map microsoft microsoft access mobile oml oracle oracle apex oracle cloud oracle rest data service ords pl-sq PL-SQL power apps security social login theme roller ux web service

Commenti recenti

  • Giovanni su 15 Cose che avrei voluto sapere quando ho iniziato ad usare Oracle APEX
  • Daniele Trasarti su Document Management System in Oracle APEX
  • chadwick su Oracle APEX: Workflow Manager con Flows for APEX
  • Giulio su Document Management System in Oracle APEX
  • Daniele Trasarti su Come creare un servizio REST in Oracle APEX
  • fabio su Come creare un servizio REST in Oracle APEX
  • Daniele Trasarti su Applicazione di Prenotazione Appuntamenti in Oracle APEX
  • Francesca su Applicazione di Prenotazione Appuntamenti in Oracle APEX
  • Daniele Trasarti su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti
  • nicola su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti

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