• Passa al contenuto principale
  • Passa alla barra laterale primaria
  • INIZIA QUI
  • HOME
  • 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: Come Copiare un Theme Style da una Applicazione

Settembre 8, 2021

In Oracle APEX la funzionalità Theme Roller consente di personalizzare il Look&Feel di una qualsiasi applicazione che utilizza l’Universal Theme.

Puoi decidere il colore principale dell’applicazione, l’aspetto dei bottoni, la larghezza del menù di navigazione e molto altro.

Insomma, se anche a te piace personalizzare l’aspetto delle applicazioni APEX, il Theme Roller è uno strumento che dovresti sicuramente imparare ad utilizzare.

In questo articolo desidero spiegarti come puoi esportare ed importare il Theme Style da una applicazione all’altra.

IN QUESTO ARTICOLO

  • Come modificare il Theme Style
  • Come esportare il Theme Style
  • Come importare il Theme Style
  • Conclusioni

Come modificare il Theme Style

Prima di spiegarti come esportare il CSS di una applicazione APEX penso sia utile illustrare molto brevemente come modificare l’aspetto di una applicazione APEX usando il Theme Roller.

  • Accedi all’APP Builder di Oracle APEX ed avvia l’applicazione che vuoi personalizzare in modalità Preview
  • Nella parte inferiore del browser (o a lato, puoi decidere dove tu dove preferisci posizionarlo) dovresti vedere un menù, visibile solo in modalità Preview.
  • Clicca su Customize > Theme Roller.
  • Modifica l’aspetto dell’applicazione come preferisci.
  • Quando hai fatto premi Save As per salvare il Theme Style
  • Dai un nome al Theme Style e premi Salva

Come esportare il Theme Style

A questo punto è lecito chiedersi: dove vengono salvate le impostazioni che ho selezionato?

Scopriamolo insieme.

  • Accedi all‘APP Builder dell’applicazione di cui hai modificato il Theme Style.
  • Vai in Shared Components > User Interface > Themes
  • Clicca su Universal Theme – 42
  • Clicca su Styles. Da questa maschera puoi vedere tutti gli stili che sono disponibili nella tua applicazione.
  • In particolare, dovresti vedere lo stile che hai precedentemente salvato.
  • Clicca sul Theme Style che vuoi esportare

Tra i vari attributi del Theme Style, ti faccio notare la proprietà Output CSS File URL che trovi sotto la sezione Theme Roller Attributes.

Quando modifichi l’aspetto dell’applicazione usando il Theme Roller, APEX non fa altro che generare automaticamente un file CSS che contiene tutte le opzioni che hai selezionato.

Noi non esporteremo direttamente questo file ma useremo, invece, una stringa di configurazione JSON che APEX stesso ha creato automaticamente dopo aver salvato le impostazioni nel Theme Roller.

  • Clicca su Theme Roller JSON Configuration e copia la stringa che trovi nel campo JSON Configuration che altro non rappresenta se non la configurazione del Theme Style che abbiamo salvato, ma in formato JSON.
  • Come suggerisce la nota, non è consigliabile modificare a mano questa stringa di configurazione ma è opportuno usare sempre il Theme Roller.

Come importare il Theme Style

  • Accedi all‘APP Builder dell’applicazione nella quale vuoi importare il Theme Style.
  • Avvia il Theme Roller e crea un nuovo Theme Style: non è necessario che tu faccia qualche modifica in particolare ma limitati a creare un nuovo stile con il nome che preferisci.
  • Vai alla definizione del Theme Style come ti ho spiegato nel paragrafo precedente
  • Vai alla proprietà Theme Roller Attributes > JSON Configuration
  • Incolla nel campo JSON Configuration la stringa di configurazione che hai precedentemente salvato e premi Apply Changes.
  • Riapri il Theme Roller e seleziona dal menù a tendina il nuovo Theme Style.
  • Oracle APEX caricherà le impostazioni scritte nella stringa di configurazione JSON che abbiamo inserito e andrà a modificare il file CSS del Theme Style.

Conclusioni

Hai visto quanto è semplice modificare ed esportare le opzioni CSS da una una applicazione all’altra?

Modificare l’aspetto di una applicazione di una app APEX è davvero un gioco da ragazzi e se pensi che il Theme Roller non sia sufficiente puoi sempre caricare file CSS custom.

Un abbraccio

Daniele

TI POTREBBE INTERESSARE:

  • CPQ in Oracle APEX
  • Come migrare le applicazioni da Oracle Forms ad Oracle APEX
  • Come gestire i files su Object Storage da Oracle APEX
  • Come sviluppare applicazioni sicure con Oracle APEX
  • Costruiamo un CRM con Oracle APEX
  • Autenticazione a 2 Fattori basata su TOTP (Time-based One-time Password) con Oracle APEX

css, oracle apex, theme roller

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 Oracle APEX: come creare un’applicazione web in 5 minuti

    Ciao Sabatino, grazie per l'apprezzamento. Riguardo alla tua domanda ti consiglio di usare Oracle Cloud. Puoi creare un account gratis…

  2. Sabatino Iannazzo su Oracle APEX: come creare un’applicazione web in 5 minuti

    Ciao Daniele, complimenti per la guida, mi hai aperto un mondo! volevo chiederti se con Apex e Oracle Database Express…

  3. Laura su Autenticazione a 2 Fattori basata su TOTP (Time-based One-time Password) con Oracle APEX

    Ciao, trovo molto interessante il tuo articolo. Hai qualche suggerimento per l'autenticazione con spid? pensi di fare qualche guida al…

  4. Mario Volpetti su Oracle APEX: come creare un’applicazione web in 5 minuti

    Ottima spiegazione e complimenti per la semplicità che ai usato. Sono riuscito a farlo anche io con un foglio excel…

  5. Riccardo Liviabella su Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti

    Ciao Daniele e grazie per le tue interessanti spiegazioni. E' da un pò di anni che lavoro su Appsheet e…

  6. Daniele Trasarti su Come costruire Workflows Approvativi in Oracle APEX

    Ciao Bhavin, I think you badly copied PL-SQL because the one you provided is not correct. Fix the script and…

  7. Daniele Trasarti su Applicazione di Prenotazione Appuntamenti in Oracle APEX

    Grazie mille Franca!

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