From Concept to Component: efficient Template Component development

United Codes Live

Philipp Hartenfeller

25-09-2024

$whoami

Philipp Hartenfeller

  • Düsseldorf, Germany
  • Oracle APEX Dev since 2016
  • Product Lead at United Codes
  • WebDev and Databases

How we developers see data

How users want to see data

  • No table, engaging lists
  • Not always label: value
  • Images
  • Not opening hours but open/closed until
  • Useful styles: font-sizes, bold, colors, icons, backgrounds

What about label: value?

"Labels are a last resort" - Adam Wathan & Steve Schoger, Refactoring UI

Better

Template Components make this easy

  • Plug-In Type (since 23.1)
  • No PL/SQL required (just frontend → HTML/CSS/JS)
  • Easy to use in Apps → Query and map cols to fields
    • Interactive Report columns (partial)
    • Own region (multiple)
  • Sharable as all the other plug-ins

Let AI do the work

Generate HTML

  • ChatGPT comes already with HTML CSS
  • Or ask for it:
    • Generate a complete html template including CSS styles for following list component description: ...

The result

Demo